與jQuery下拉菜單不能在鼠標懸停工作

我想做一個簡單的下拉菜單來顯示鼠標懸停時，此腳本顯示另一個div與鏈接。與jQuery下拉菜單不能在鼠標懸停工作

這一切工作正常，但當我嘗試選擇一個鏈接其他div隱藏。

jQuery(document).ready(function() { 
    jQuery("#menu_link").mouseover(function() { 

     jQuery(".1").show(); 

    }); 

    jQuery("#menu_link").mouseout(function() { 

     jQuery(".1").hide(); 

    }); 

});

http://jsfiddle.net/sx8o1tbh/1/

如果你去，把光標放在單詞「INICIO」你看到它顯示的其他分區的鏈接，但是當我嘗試去這個新的div它隱藏，我認爲有些事情是錯誤的jQuery代碼。

感謝您的幫助。

來源

2014-10-05 Francisco

有什麼問題你的CSS，而不是你的JavaScript ，在#menu_link元素上放置一個背景顏色，並查看該元素的高度，這會將您發送到正確的方向。 – leopic 2014-10-05 20:28:08

我把，你可以看到 – Francisco 2014-10-05 20:29:29

https://cloudup.com/ce9U_IpQJAm看 – leopic 2014-10-05 20:31:09

問題不在JavaScript代碼中。我只是改變了你的CSS和避免菜單和子菜單之間的差距：

#show_links 
{ 
top:35px; 
position:absolute; 
min-width:10%; 
width:auto; 
min-height:100px; 
height:auto; 
border:2px solid; 
}

http://jsfiddle.net/sx8o1tbh/7/

來源

2014-10-05 20:30:13 MaximOrlovsky

$(document).ready(function() { 


    $("#menu_link").mouseenter (function() { 

     $(".1").show(); 

    }); 

    $("#show_links").mouseleave (function() { 

     $(".1").hide(); 

    }); 

    $("#menu_link").mouseleave (function() { 

     $(".1").hide(); 

    }); 

});

或這是可以做到的jQuery的

來源

2014-10-05 20:34:25

與jQuery下拉菜單不能在鼠標懸停工作

回答

相關問題