鍍金池/ 問答/HTML5  HTML/ jqurey的懸停事件在不同的DIV中如何互制？

jqurey的懸停事件在不同的DIV中如何互制？

先上圖圖片描述

問題：在我將鼠標(biāo)懸停在左上角的圖標(biāo)時會彈出左側(cè)導(dǎo)航，也就是導(dǎo)航一，隨后我將鼠標(biāo)下移到導(dǎo)航一時全部導(dǎo)航消失，也就是圖標(biāo)的懸停事件啟動。我想在鼠標(biāo)移下一級導(dǎo)航后不觸發(fā)圖標(biāo)的移出事件，但是在圖標(biāo)非一級菜單的地方移出事件是執(zhí)行的，應(yīng)該怎么做呢？

回答
編輯回答
紓惘

大致是這種意思 下級菜單的html放在上層的內(nèi)部

<div onmouseover="$('#menu1').show()" onmouseout="$('#menu1').hide()">
    <div>導(dǎo)航圖標(biāo)</div>
    <div id="menu1" onmouseover="$('#menu2').show()" onmouseout="$('#menu2').hide()">
        <div id="menu2"></div>
    </div>
</div>
2017年2月1日 19:32