小编Cas*_*ert的帖子

如何将触摸事件添加到HTML5 Canvas色轮?

我正在尝试使用HTML5 Canvas色轮为iOS手机制作触摸事件,但无法使其正常工作.

我使用的代码:http://www.script-tutorials.com/html5-color-picker-canvas/

我将mousemove事件更改为touch move但是这不起作用.我错了什么?

    /**
 *
 * HTML5 Color Picker
 *
 * Licensed under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * Copyright 2012, Script Tutorials
 * http://www.script-tutorials.com/
 */

$(function(){
    var bCanPreview = true; // can preview

    // create canvas and context objects
    var canvas = document.getElementById('picker');
    var ctx = canvas.getContext('2d');

    // drawing active image
    var image = new Image();
    image.onload = function () {
        ctx.drawImage(image, 0, 0, image.width, image.height); // draw the …
Run Code Online (Sandbox Code Playgroud)

javascript html5 canvas

5
推荐指数
1
解决办法
920
查看次数

如何使自定义元框字段可重复?

我现在正在为WordPress管理员编写一个插件.这是关于自定义元框.我想创建一个幻灯片插件,只是为了学习很多编码.

我创建了一个元文件,其中包含图像上传和文本输入字段.(见下图)

这是带有字段的元数据箱

所以,我可以保存字段,这样我就可以上传图像并在文本字段中设置一个capton.当我在WordPress中保存帖子/页面时,它将在我的数据库中保存我的值.没关系!

现在我想扩展代码,通过用户添加和删除字段的可能性,比如,可重复字段.
正如你在上面的图片中看到的,我已经创建了添加新的幻灯片按钮,我还编写了一些javascript以使其工作,但这不能正常工作.

所以我的问题是,创建动态字段的最佳方法是什么?
我现在在javascript中使用clone函数来克隆字段,但只有默认行才有效.

我已经用了几个星期,到目前为止找不到解决方案.

一些代码:
这是我的metabox的代码与PHP创建
这是jQuery的/ JavaScript的,我现在使用

wordpress plugins repeat meta-boxes

4
推荐指数
1
解决办法
8640
查看次数

附加列表项后,jQuery on click函数无法正常工作

我有一个使用该on函数的简单点击事件:

$('#listnav li').on({
    click: function(event) {
        console.log('hello world')              
    }, 
    mouseover: function(event) {
        // do something
    }

});
Run Code Online (Sandbox Code Playgroud)

这适用于id为"listnav"的ul列表.但是当我使用jQuery的append函数向ul添加新条目时,不会在新添加的列表项上调用此函数.我怎样才能解决这个问题?

javascript jquery

4
推荐指数
1
解决办法
56
查看次数

带偏移量的哈希位置

我在一页设计上的导航时遇到一些问题。下面是我的代码。该代码在主页上运行良好。

固定标题不会与部分部分重叠,效果很好。但是,当我在网站的单个页面上,单击链接到主页上某个部分的菜单项时,例如<a href="index.html#video"></a>滚动动画将动画到该部分,但当您等待时,固定标题会与该部分重叠3秒后它会回到正确的位置。

我认为动画将执行两次,但如果这是问题所在,我现在不会执行。我还想知道如何编码,当用户刷新页面时,它将返回到浏览器窗口的顶部。

JS 小提琴:

http://jsfiddle.net/E773g/42/

html javascript css jquery

3
推荐指数
1
解决办法
7713
查看次数

body_class wordpress不起作用

我试图用PHP为我的wordpress主题在html的body标签内放置一个类.我看一下wordpress的codex,我应该使用以下内容,并将其添加到我的functions.php文件中:

add_filter( 'body_class', 'my_class_names' );
function my_class_names( $classes ) {
    // add 'class-name' to the $classes array
    $classes[] = 'class-name';
    // return the $classes array
    return $classes;
}
Run Code Online (Sandbox Code Playgroud)

只有这对我不起作用.有谁知道这可能是什么?

php wordpress

3
推荐指数
1
解决办法
1180
查看次数

如何使用while循环解决未定义的属性?

下面的脚本将替换实际图像对象的所有图像标记.不幸的是,我收到了一个Uncaught TypeError错误.这是因为在我的示例中,Javascript从0计数到3,而不是1到4.数组的长度为4.

如何避免此错误(因此我也在while循环后获得控制台日志)?

var raw_content = {
        "text"  : "Test image 1 [image] Test image 2 [image] Test image 3 [image] Test image 4 [image]",
        "media" :[
                    {
                        "src":          "http://placehold.it/400x200",
                        "caption":      "This is a caption"
                    },{
                        "src":          "images/gallery/sh0.png",
                        "caption":      "This is a caption"
                    },{
                        "src":          "http://placehold.it/400x200",
                        "caption":      "This is a caption"
                    },{
                        "src":          "images/gallery/sh0.png",
                        "caption":      "This is a caption"
                    }
                ]
    };

    // find img one by one
    var image_counter = 0;
    var text_buffer = raw_content.text; …
Run Code Online (Sandbox Code Playgroud)

javascript

3
推荐指数
1
解决办法
63
查看次数

如何创建边框偏移?

嗨,我想知道如何从 div 偏移边框,例如图像: 在此处输入图片说明

所以灰色边框与图像大小相同,只是它偏移到了右上角。这是我的标记:

<figure class="col-md-10 col-md-offset-1">
        <img src="images/image.jpg" alt="Image">
        <figcaption>
            <p>
            Praesent at luctus erat, non finibus justo. 
            <a href="#">share</a>
            </p>
        </figcaption>
</figure><!-- End figure.col-md-10 -->
Run Code Online (Sandbox Code Playgroud)

html css

3
推荐指数
1
解决办法
7853
查看次数

如何在Swift Xcode中创建自定义导航栏?

我正在为我的iOS毕业项目开发聊天应用程序。我设计了以下导航栏:

在此处输入图片说明

现在,我正在尝试在Xcode项目中开发以上图形,但是我不知道这是否是实现此目标的正确方法,并且不像图形那样获得它。

我正在使用xib文件,使用该文件ViewController.swift的实例加载该文件。比将其添加为titleViewnavigationItem

let helperView = HelperView()
navigationItem.titleView = helperView
Run Code Online (Sandbox Code Playgroud)

这是上述代码段的结果:

在此处输入图片说明

此结果的问题是它与左栏按钮项重叠,而我仍然不知道的另一个问题是,如果消息气泡可以具有动态高度,则当它具有多行时(最多3行) 。

在此处输入图片说明

是否有人在Xcode中具有这种设计的经验,这是执行此操作的正确方法,还是有更好的方法来实现?也许是自定义的UINavigationController类?

xcode uinavigationcontroller ios swift

3
推荐指数
1
解决办法
1万
查看次数

如何使用javascript检查视口是否小于某个宽度?

我想要一个简单的语句来将变量 bool 设置为 false 或 true。当视口小于 768px 时,isMobile 应设置为 true,高于此值应设置为 false。

我不知道为什么下面的代码什么都不做。控制台日志中也没有错误。

var w = $(window).width();
var isMobile = false;

function resizer() {
    if (w < 768) {
        console.log("resize");
        isMobile = true;
    } else {
        isMobile = false;
    }
}

$(window).resize(function() {
    resizer();
});
Run Code Online (Sandbox Code Playgroud)

javascript jquery viewport

2
推荐指数
1
解决办法
1751
查看次数

如何在元组中添加一种Void?

我在为元组集合声明类型Void时遇到了一些麻烦.我得到一个错误:Nil is not compatible with expected element type 'Void '

var messages: [(person: String, type: String, text: String, action: Void, isSender: Bool)]? = [
    (person: "Buddy", type: "instruction", text: "Wat vervelend van uw schade. De volgende vragen moeten direct op locatie ingevuld worden", action: nil,  isSender: false),
    (person: "User", type: "question", text: "Wat is uw locatie en tijd?", action: askPermissionForGPS(), isSender: true)
]
Run Code Online (Sandbox Code Playgroud)

我已经尝试过的地方lazy字典收集和不同的方式申报类型之前Void,Void -> (),() -> Void,但没有结果.

我想要的是元组可以有一个函数作为参数或零.

tuples swift

2
推荐指数
1
解决办法
129
查看次数