IE6下顯示隱藏某個Element時出現“閃爍”問題的解決方案

原代碼如下:
    $(".topic").hover(function(){ 
        $(this).parent().next().show();
    },function(){
        $(this).parent().next().hide();
    })
顯示/隱藏class爲topic的下一個Element,當鼠標離開時會出現“閃爍”現象,其他瀏覽器正常,唯IE6,主要原因是javascript的“事件冒泡”,主要解決方法則是阻止事件冒泡。
修改後代碼如下:
    $(".topic").hover(function(){ 
        $(this).parent().next().show();
    },function(event){
        $(this).parent().next().hide();
        event.stopPropagation();//阻止事件冒泡
    })
發佈了24 篇原創文章 · 獲贊 5 · 訪問量 8萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章