标签: jquery-plugins

我将taphold事件绑定到表的td元素,但是当我点击并按住以触发事件时,它会以某种方式被触发多次.我的示例代码:

$("td").on("taphold", function(){
    alert("taphold fired!");
});

如果我按住水龙头,我将同时收到至少6条警报消息.如何举行活动只是举行一次？我在带有safari和chrome浏览器的Ipad上测试了代码

我知道之前有人问过这个问题,但我无法让我的代码工作.

我启动了我的fancybox:

$(document).ready(function() {

            $('.fancybox').on('click', function(event) {
    event.preventDefault();
    $.fancybox({
        'type' : 'iframe',
        // hide the related video suggestions and autoplay the video
        'href' : this.href = this.href.replace(new RegExp("([0-9])","i"),'moogaloop.swf?clip_id=$1') + '&autoplay=1',
        'overlayShow' : true,
        'centerOnScroll' : true,
        'speedIn' : 100,
        'speedOut' : 50,
        'width' : 640,
        'height' : 480
    });
});

});

然后调用iframe:

<a class="fancybox fancybox.iframe" href="http://vimeo.com/123456">

但是,当我关闭弹出窗口,然后尝试打开时,视频没有显示,任何人都可以帮助我解决它,大多数解决方案都与'类型'有关:'内联'并且没有接缝可以使用我的示例.

非常感谢,

嘿家伙我刚刚尝试在coffeescript中实现我的更改事件,但它不起作用.有没有人帮我

$('#subscription_id").on "change", -> 
console.log "Hello"
outputs = $(this).val()

if outputs
 $('#subscription_id').prop "disable", "false"
else
 $('##subscription_id').prop "disable", "true"

我已经看到callback()概念在jQuery插件中使用了很多,我开始认为触发自定义事件可能是更好的选择.

jQuery有一个内置的触发机制('A_CUSTOM_EVENT')所以为什么插件作者不会简单地触发'COMPLETE_EVENT'而不是坚持我们传入一个回调函数来处理这个'完整阶段'.

缺口

我有一个文本输入字段,我想在其中插入数字,然后是逗号,然后只是两个十进制数字.

我试图通过jQuery,使用Masked Input Plugin来获取它,但它似乎无法工作.

这就是我所拥有的:

<input type="text" name="cash" id="number"/>

和

<script type="text/javascript">
$.mask.definitions['p']='[0-9]+';
$.mask.definitions['d']='[0-9]{2}';
$("#number").mask("p,d");
<script>

但结果是只有一个数字的掩码,然后是逗号,然后是我无法写的东西(它不是数字,也不是字符)

_,_

如何在此插件中使用正则表达式？

我在页面上有多个myclass类,并且我使用ajax添加了更多的类

如果我这样做

$('.myclass').click(function(){
          alert(1);
});

它适用于所有非ajax附加请求,但不适用于由ajax附加的类.对于那些工作

$(body).on('click','myclass',function(){
alert(1);
});

我的问题,为什么？

我有一个问题,当页面加载时,div元素变得隐藏.Chrome中的开发者工具告诉我"element.style"正在设置"display:none"

在任何地方都没有显示任何内容.我无法在任何相关的javascript文件中找到任何会隐藏元素的内容.

我完全迷失了它隐藏的原因.

我正在使用的jquery插件称为Supersized.

编辑:请随时查看我正在处理的页面:http://www.gingereventsmpls.com/gallery2.html

如果检查html,隐藏的元素位于此层次结尾:body-> div"controls-wrapper" - > div"controls" - > div"tray-button"

"#tray-button"正在显示:没有以某种方式附加到它上面.

我正在使用Jquery旋钮(http://anthonyterrien.com/knob/)并且它工作得很好但不是在中间显示无维数的数字我想用ei%或F等显示单位...如何我可以这样做吗？

我正在使用Jquery移动加载器小部件通过Ajax调用,在函数调用期间LoadingData它应该显示加载掩码,但它没有显示任何加载掩码,一旦完成它直接弹出结果.

我的代码如下

$(document).on('pageinit', function(){
            $.ajax({url: "SomeURL",
                beforeSend: function() { $.mobile.showPageLoadingMsg(); }, //Show spinner
                complete: function() { $.mobile.hidePageLoadingMsg(); }, //Hide spinner

                success: function (result) {
                    LoadingData(result);
                },
                error: function (request,error) {
                    alert('Network error has occurred please try again!');
                }
            });   
        });

这是我因使用加载器小部件而遗漏的东西吗？

我正在使用jquery插件jQuery自定义内容滚动条

来源:http: //manos.malihu.gr/jquery-custom-content-scroller/

它在垂直模式下工作得很好.我可以调用mCustomScrollbar并调用update方法.

看到这个小提琴:http: //jsfiddle.net/Vinyl/2mU7H/1/

但在水平模式下,当我调用更新方法时,我有一个问题.没有内容.

看到这个小提琴:http: //jsfiddle.net/Vinyl/4CW3p/1/

你知道为什么吗 ？

JS代码:

$(document).ready(function () {
    $("#content").mCustomScrollbar({
        horizontalScroll: true,
        scrollButtons: {
            enable: true
        },
        theme: "dark"
    });
});

$("#button").click(function () {
    $("#content").show();
    $("#content").mCustomScrollbar("update");
});

$("#button_close").click(function () {
    $("#content").hide();
});

CSS代码

#content {
    display:none;
    overflow:hidden;
    text-align:left;
    width:150px;
    height:150px;
    background-color: #666;
    color:#fff;
}

HTML代码

<div id="content">
    <p>lorem ipsum lorem ipsum lorem ipsum lorem ipsum</p>
    <p>lorem ipsum lorem ipsum lorem ipsum lorem ipsum</p>
    <p>lorem ipsum lorem ipsum …