鼠標移出jQuery的菜單，hidding子菜單

我使用https://github.com/kamens/jQuery-menu-aim有http://jsfiddle.net/X8w5M/30/。然後我想隱藏.listCol面板，只要我把我的鼠標留給我的網頁中的其他元素。鼠標移出jQuery的菜單，hidding子菜單

我想：

$("#dropdown-menu").mouseleave(function(){ 
    $(".listCol").css("display","none"); 
});

但它並沒有像我想要的工作。

有什麼想法嗎？謝謝。

來源

2014-02-10 Nothing

試試這個：

$("#dropdown-menu").mouseout(function(){ 
     $(".listCol").css("display","none"); 
    });

來源

2014-02-10 09:14:39 wipindipy10

我想在這裏http://jsfiddle.net/X8w5M/30/，但沒有奏效。 – Nothing

JS的例子http://jsfiddle.net/X8w5M/29/是打破。原因（來自控制檯）： Refused to execute script from 'https://raw.github.com/kamens/jQuery-menu-aim/master/jquery.menu-aim.js' because its MIME type ('text/plain') is not executable, and strict MIME type checking is enabled.

更新您的示例？

來源

2014-02-10 09:21:43

面向對象！它已更新爲http://jsfiddle.net/X8w5M/30/。 – Nothing

Try this 
$(document).ready(function() { 
      $(document).mousemove(function(e){ 

       if($(e.target).closest('ul').length<=0){ 
        $(".listCol").parent("div").css("display","none"); 
       }else{ 
        $(".listCol").parent("div").css("display","block"); 
       } 
      }) 
    });

來源

2014-02-10 09:54:11 Realdheeraj

這樣做，我不能在子菜單'.listCol' – Nothing

能否請您更新與此代碼的小提琴上盤旋，因爲這代碼工作在我結束 – Realdheeraj

測試中的jsfiddle是好的，但在我的實際項目應用，不能懸停在子菜單。我正試圖在我的項目中觀看每一行。在完成檢查後，我會告訴你是怎麼回事。謝謝。 – Nothing

試試這個：

$("#dropdown-menu").mouseleave(function(){ 
    $("#dropdown-menu > li > div").css("display", "none"); 
});

可行鏈接：http://jsfiddle.net/bobkhin/4Ldfs/

來源

2014-02-10 10:19:58 ducdhm

如果鼠標離開'＃下拉菜單'，我們隱藏子菜單，因此我們可以將子菜單懸停，因爲它已被隱藏。 – Nothing

您是否嘗試過我的代碼或檢查鏈接？它工作@Domo – ducdhm

它在jsfiddle中工作，但是當我在我的項目中實現它時，正如我上面所說的那樣出現了一個問題。 – Nothing

鼠標移出jQuery的菜單，hidding子菜單

回答

相關問題