跳過jQuery事件

我構建了一個幻燈片菜單（使用幻燈片JS - http://www.slidesjs.com/）並添加了懸停事件，因此圖像在菜單點上移動鼠標時已經切換。此外，當移出整個區塊時，會出現一個鼠標移動事件，它將圖像和菜單點重新設置爲第一個。現在，當我快速切換菜單點（懸停事件），然後離開整個塊（mouseleave）時，它通常會跳過mouseleave事件（ - 或者它永遠不會到達它，因爲懸停事件（包括淡入淡出效果）佔用太長時間）。跳過jQuery事件

是否有辦法徹底關閉每個事件（或者至少是連續的最後一個事件 - 例如mouseleave或last hover）？

也許圖片的網站佈局有幫助嗎？ enter image description here

紅：懸停事件（改變綠色含量）

藍：鼠標離開事件（綠色會恢復爲默認）

來源

2012-10-15 user828591

你可以創建一個jsFiddle嗎？ –

圖片沒有幫助...您正在使用的代碼是需要的 – charlietfl

如果fade效果是罪魁禍首，然後嘗試加入stop(true, true)功能在你的fade效果之前。

$(slideshow-menu-selector).on('mouseleave', function(){ 
    // Reset code here 
    $(element-selector).stop(true, true).fadeOut(); 
})

這只是一個示例代碼，根據您的問題。如果你可以放一個Fiddle，這會有很大的幫助！

來源

2012-10-15 10:46:31 kayen

我試圖使它在小提琴中，但啓動Slide.JS的JS本身不起作用。我從來沒有使用過小提琴，這可能是我爲什麼會遇到麻煩。無論如何，你建議的這個停止功能已經做了我一直在尋找的東西，所以謝謝！ – user828591

跳過jQuery事件

回答

相關問題