Jquery 设置变量以避免函数执行
我有两个元素image和div相互重叠,当我单击div时,它调用transit(),它会旋转div,但再次,如果我下一次单击的速度太快,那么单击的图像将被调用。我不明白如何调用,我尝试使用Jquery 设置变量以避免函数执行,jquery,html,css,Jquery,Html,Css,我有两个元素image和div相互重叠,当我单击div时,它调用transit(),它会旋转div,但再次,如果我下一次单击的速度太快,那么单击的图像将被调用。我不明白如何调用,我尝试使用event.stopPropagation()并将clickedEnabled设置为避免图像单击,但调用图像单击事件 $(document).on('click', '#front', function(event) { event.stopPropagation(); //alert('Front Click
event.stopPropagation()
并将clickedEnabled设置为避免图像单击,但调用图像单击事件
$(document).on('click', '#front', function(event) {
event.stopPropagation();
//alert('Front Clicked globe='+globe);
transitIT(this);
});
$(document).on('click', 'img', function() {
alert('htmlcalled image Clicked Called='+clickEnabled);
/*to check if div is transitioning state*/
if (!clickEnabled){return;}
//Doing some alignement for image ...........
});
我建议您测试元素id,因为您不知道实际调用这两个回调的顺序
$(document).on('click', 'img', function() {
if (this.id !== "front")
{
alert('htmlcalled image Clicked Called='+clickEnabled);
}
});
您可以执行以下操作以防止事件冒泡:
$(document).on('click', 'img', function (event) {
if (event.target.tagName !== 'IMG') return;
alert('htmlcalled image Clicked Called=' + clickEnabled);
//Doing some alignement for image ...........
});
img
是否在#front
中?您能否共享html以显示与这些内容的关系two@ArunP约翰尼,前面的部分和图像在#myimageflow部分内。它会每次停止事件OCUR吗??我的意思是,如果我要点击图像,那么函数是否会运行?@Palash Mondal是否有任何代码可以禁用img点击事件..div click{//编写一些代码到diable image click}抱歉@Simmisimi,我没有得到你关于这个将禁用img点击事件的消息..div click@Palash Mondal$(#front).click(){//禁用图像点击监听器}@simmisimmi:$(document).on('click','#front',函数(事件){if(e.target!==this)return;//此处的代码..})代码>