我想创建一个菜单栏。当鼠标在菜单上时,一个div appairs。
<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>
将通过.appendTo jQuery函数移动将出现的DIV代替注释。
这是出现的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的函数。
它工作正常,但当我点击时选择选择并消失。
有什么建议吗?
由于