jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了仅从一个链接中删除colorbox(jQuery插件)功能,然后重新应用它大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有两个图像,每个图像都包含在一个链接中.如果我被淹没超过一定时间,我想阻止彩盒​​射击.我注意到colorBox只在mouseup上发射.

我一直在尝试使用带有计时器的setTimeout函数,然后从该图像中删除colorBox,并在mouseup“reattach”colorBox删除该图像,以便在没有发生setTimeout时再次触发它.

HTML

<a class="colorBox" href="..."><img src="..." /></a>

<a class="colorBox" href="..."><img src="..." /></a>

JS:

$('a.colorBox').colorBox();

var timer;

$('a.colorBox').on('mousedown',function(E) {

    var this_colorBox = $(this);

    timer = setTimeout(function() {
        this_colorBox.colorBox.remove();//this doesn't work
    },1500);

}).on('mouseup',function(E) {

    clearTimeout(timer);

});​

//"Reattach colorBox"??

这是一个小提琴:http://jsfiddle.net/mydCn/

我遇到的问题是$.colorBox.remove(); (或者我的尝试this_colorBox.colorBox.remove();)从所有元素中删除colorBox.我怎么能“重新连接colorBox”到那个图像而不是再次调用函数到每个元素(当有很多图像会影响性能时这样做,不?)?

解决方法

我知道了!我只能添加删除类.我会发布答案,以便对某人有所帮助.

http://jsfiddle.net/mydCn/1/

$('a.colorBox').colorBox();

var timer;
var time_completed = 0;

$('a.colorBox').each(function() {
    $(this).on('click',function(E) {
        if (time_completed === 0) {
            e.preventDefault();
            $(this).removeClass('colorBox cBoxElement');
        } else if (time_completed == 1) {
            $(this).addClass('colorBox cBoxElement');
            time_completed = 0;
        }
    });

    $(this).on('mousedown',function(E) {
        timer = setTimeout(function() {
            time_completed = 1;
        },500);
    }).on('mouseup',function(E) {
        clearTimeout(timer);
        if (time_completed == 1) {
            $(this).click();
        }
    });
});

大佬总结

以上是大佬教程为你收集整理的仅从一个链接中删除colorbox(jQuery插件)功能,然后重新应用它全部内容,希望文章能够帮你解决仅从一个链接中删除colorbox(jQuery插件)功能,然后重新应用它所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。