jquery 點(diǎn)擊事件失去響應(yīng)

問題描述

做了個小功能，發(fā)現(xiàn)當(dāng)鼠標(biāo)點(diǎn)擊過快時點(diǎn)擊事件會失去響應(yīng)。

問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法

開始以為是事件冒泡的原因，取消冒泡后還是一樣，于是乎懵了。。

相關(guān)代碼

/*該方法有個bug：
鼠標(biāo)不能點(diǎn)擊過快，快于大概0.8s點(diǎn)擊事件就會失去響應(yīng)
*/
(function () {

var url=[
    "./images/bg-4.jpg",
    "./images/bg-5.jpg",
    "./images/bg-6.jpg",
    "./images/bg-7.jpg"
]//圖片地址庫
//縮略圖點(diǎn)擊事件
$(".thumbnail-wrap").click(function () {
    console.log("點(diǎn)擊事件生效");
    //點(diǎn)擊聚焦
    $(this).css("background-color","red").siblings().css("background-color","white");
    // 獲取被點(diǎn)擊縮略圖的索引
    var index=$(this).index();
    console.log("當(dāng)前索引為："+index);
    $(".img-content").css("background-image","url("+url[index]+")");
})

})()

你期待的結(jié)果是什么？實(shí)際看到的錯誤信息又是什么？

后來想想可能是點(diǎn)擊過快系統(tǒng)判定成雙擊了，但是關(guān)于雙擊事件我不熟悉，也不知道如何取消，遂滾來求助了-。-