我有一个ul li标签,包含asp:dropdownlist(在div中)
当用户超过li时,带有下拉列表的div是slideDown,当用户取消li时,div就是slideUp。
当我尝试从下拉列表中选择值时会出现问题,div是幻灯片,因此无法从此下拉列表中选择值。
为什么会这样?(我仍然在li.hover!)
我的选择是什么?
这是HTML示例:
<ul><li id="l2"><img src=4.gif />
<div id="popup6" class="popup_block">
<asp:DropDownList ID="dd" runat=server>
<asp:ListItem>1</asp:ListItem>
<asp:ListItem>2</asp:ListItem>
<asp:ListItem>3</asp:ListItem>
<asp:ListItem>4</asp:ListItem>
<asp:ListItem>5</asp:ListItem>
</asp:DropDownList>
</div></li></ul>
这是Jquery的例子:
$(document).ready(function () {
$("#l2").hover(function () {
$('#popup6').stop(true, true).slideDown();
}, function () {
$('#popup6').stop(true, true).fadeOut(400, function () {
return false;
});
});
});
提前感谢您的任何帮助
答案 0 :(得分:1)
只需使用
$(函数(){
$(“select”)。mouseleave(function(event){event.stopPropagation();});
});
它将解决问题:)