Question

當我有一個CSS下拉菜單懸停狀態...

什麼，我這個做在我的網站的某些部分是，我使用它的鏈接調用AJAX -jQuery更改頁面上的一個DIV的內容，無需重新加載...

<script type="text/javascript"> 
function load_editor(id) 
{ 
    $('#myDIV').load('editor.php?id=' + id); 
} 
</script> 

<div class="mainmenu"> 
<ul> 
    <li class="li_nc"><a href="javascript:load_editor('1')">Home</a></li> 
    <li class="li_hc"><a href="#" >Programs</a><ul class="ul_ch"> 
    <li class="li_hc"><a href="#" >Engineering</a><ul class="ul_ch"> 

    <li class="li_nc"><a href="javascript:load_editor('2')" >BEE (Electronics 4 Years)</a></li> 
    <li class="li_nc"><a href="javascript:load_editor('3')" >BEE (Tele Comm. 4 Years)</a></li> 
    <!--and the following code is the usual CSS Drop Down Menu Code--> 

以及通常當我們點擊下拉菜單......我們導航到另一個網頁，但由於我不是切換到另一個網頁...

發生了什麼是當我點擊一個菜單項它執行JS但不col失誤，也就是說，它停留在懸停狀態

以下是點擊

這是合乎邏輯後的屏幕截圖，因爲遊標仍然存在，當我將光標移動OUT它會回到崩潰狀態，但我想改變它的行爲，當我點擊它崩潰時...

一種方式是，當我點擊和#myDIV加載所需的div ...我加載自己下拉菜單層（重新加載）...

但我尋找替代

所以我用簡單的話

• 製作CSS下拉菜單崩潰問題點擊時

Answer 1

可以使用.focus功能設置焦點到其他位置，以便瀏覽器刪除您的懸停。喜歡的東西：

document.getElementById("body").focus() 

如果您使用jquery：

$("#element_id").focus();