我想创建一个菜单栏。当鼠标悬停在菜单上时,会出现一个 div。
<li class="elementoMenu jmenu" tipomenu="jmcerca">
<div class="tleft"></div>
<div class="tabs">
<div class="inner">
FIND
</div>
</div>
<!-- DIV THATH WILL BE APPAIRS IS MOVED HERE-->
<div class="tright"></div>
</li>
将出现的 DIV 通过 .appendTo jQuery 函数移动到代替注释的位置。
这是出现的 div:
<div id="jmcerca" class="jmenuOpen" style="width:600px;height:500px">
TITLE
<select class="jmenu noProp">
<option>1M</option>
<option>3M</option>
<option>5M</option>
</select>
FIND <input> </input>
<button>GO</button>
</div>
我以这种方式绑定了事件:
$(document).ready(function(){
$('li.jmenu').mouseenter(jMenu.showMenu);
$('li.jmenu').mouseleave(jMenu.leaveTabs);
});
其中 showMenu 和 leaveTabs 是显示或隐藏 div 的函数。
它工作正常,但是当我单击选择选项并消失时。
有什么建议么?
谢谢