2016-10-01 93 views
1

我有一个问题,fadeToggle()jQuery中的元素上点击时。例如下面的代码:点击fadeToggle jQuery中

HTML:

<div class="element"></div> 
<div class="submenu">this is submenu</div> 

的jQuery:

$('.element').click(function(){ 


    $('.submenu').fadeToggle(); 

}); 

问题是当我点击$('。element')多次单击元素闪烁多次后,所以如何解决这个问题?

尝试多次点击:https://jsfiddle.net/ty6s2ymL/

+0

事情是这样的:https://jsfiddle.net/dtt8680x/?在实际完成工作之前,点击处理程序“等待”x毫秒。如果在x毫秒之间还有另一次点击,计时器重置,等待从开始 – Andreas

+0

谢谢你的答案..我不知道这样的东西存在..但它是一个美妙的想法..但在我的情况.stop()解决了我的问题 –

回答

2

你需要调用.stop()

$(".submenu").stop(true, true).fadeToggle(); 

.stop()参数为:clearQueuejumpToEnd

这几乎立即停止当前的动画。为了有一个更 '平滑' 停车,你应该叫.stop(true, false)

参考:.stop()

+1

谢谢..解决了这个问题.. –