onMouseOut事件不工作在我的HTML

我在我的頁面中有此代碼。onMouseOut事件不工作在我的HTML

<div class="MenuItemContainer"> 
       <a href="javascript:ShowHelpMenu()"> 
        <div class="MenuItemContent"> 
         <div> 
          <img src="/Content/TopMenu/Icons/Help.png" alt="Help" /> 
         </div> 
         <div> 
          Help 
         </div> 
         <div id="divHelpMenu" class="HelpMenuDisplayDiv" style="z-index:9999; width: 400px;margin: 10px 20px; background-color:Aqua" onmouseout="HideHelpMenu()"> 
         <%=Session["helpUrls"]%> 
         <%-- <%=Session["Links"]%> 
         --%> 
         </div> 
       </div>

這是我的功能

function ShowHelpMenu() { 
$("#divHelpMenu").css("display","block"); 
} 
function HideHelpMenu() { 
$("#divHelpMenu").css("display","none"); 
}

當我在幫助鏈接點擊我可以顯示所有的鏈接，但是當我將鼠標放置在我的Div標籤正在關閉的鏈接。當鼠標從div標籤中移出時，onmouseout事件不會觸發。

其關閉時，我將鼠標放在HTML鏈接上。

感謝

來源

2011-09-15 Rajesh

您正在使用jQuery。爲什麼你仍然在你的HTML中寫JS事件處理程序？ –

我懷疑這會修復它，但可能在'HideHelpMenu（）'（在HTML中）後插入一個分號？另外，您使用的是哪種瀏覽器？ –

那麼，如果我們使用這樣的東西它不會工作，你說什麼？謝謝 – Rajesh

我得到它的工作，

$(document).ready(function() { 
    $('#divHelpMenu').hover(function() { 
     $("#divHelpMenu").css("display", "block"); 
    }, function() { 
     $("#divHelpMenu").css("display", "none"); 
    }); 
});

來源

2011-09-15 14:59:33 Rajesh

我以爲你想要幫助菜單顯示，當有人點擊，而不是當他們在它上面盤旋。下次你的問題需要更清楚。 –

它看起來你有你的鼠標進行了錯誤的元素上的代碼，我想你會想它的MenuItemContainer股利。你也可以刪除你的網線鼠標移出代碼和事件綁定到正確的容器，當您顯示幫助DIV，像這樣：

function ShowHelpMenu() { 
    $("#divHelpMenu").css("display","block"); 
    $('#MenuItemContainer').bind('mouseout.helpmenu', HideHelpMenu); 
} 
function HideHelpMenu() { 
    $("#divHelpMenu").css("display","none"); 
    $('#MenuItemContainer').unbind('mouseout.helpmenu'); 
}

來源

2011-09-15 14:54:25

你丟失了一些閉幕標籤。嘗試下一個HTML標記：

<div class="MenuItemContainer"> 
    <a href="#" onclick="javascript:ShowHelpMenu();return false;"> 
    <div class="MenuItemContent"> 
     <div><img src="/Content/TopMenu/Icons/Help.png" alt="Help" /></div> 
     <div>Help</div> 
    </div> 
    </a><br/> 
    <div id="divHelpMenu" class="HelpMenuDisplayDiv" 
    style="display:none;z-index:9999; width: 400px;margin: 10px 20px; background-color:Aqua" 
    onmouseout="HideHelpMenu()"> 
     Link1<br/> 
     Link2<br/> 
     Link3<br/> 
     Link4<br/> 
     Link5<br/> 
     Link6<br/> 
    </div> 
</div>

來源

2011-09-15 15:07:28

onMouseOut事件不工作在我的HTML

回答

相關問題