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();