Javascript 双击一个元素
我写剧本。在img标签中加载新图像的。以下是脚本:Javascript 双击一个元素,javascript,jquery,click,Javascript,Jquery,Click,我写剧本。在img标签中加载新图像的。以下是脚本: button.click(function(e) { e.preventDefault(); var url = $(this).attr("href"); var img = $('#photo-gallery .teaser img'); $('li', list).attr('data-flag', 'close'); img.animate({ opacity: 0 }, 500, func
button.click(function(e) {
e.preventDefault();
var url = $(this).attr("href");
var img = $('#photo-gallery .teaser img');
$('li', list).attr('data-flag', 'close');
img.animate({ opacity: 0 }, 500, function() {
$('img', teaser).attr("src", url);
});
img.animate({ opacity: 1 }, 500)
$(this).closest('li').attr('data-flag', 'open');
});
但是,我对这个脚本有一个问题。当你快速点击一个按钮时。如果您非常快,请单击。而不是执行所有单击事件的脚本。如何解决此问题。使用一个标志,在事件执行开始时将其设置为
true,并在执行结束时将其设置为false。如果在alreadClicked标志为true时触发了其他事件,则从事件返回,而不采取任何操作
JQuery只允许执行一次事件
button.one("click", function(e) {
/* code ... */
});
alreadClicked=false
应该在其中一个回调中,否则就等于什么都没有。
button.one("click", function(e) {
/* code ... */
});