大佬教程收集整理的这篇文章主要介绍了仅从一个链接中删除colorbox(jQuery插件)功能,然后重新应用它,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我一直在尝试使用带有计时器的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”到那个图像而不是再次调用函数到每个元素(当有很多图像会影响性能时这样做,不?)?
$('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,请注明来意。