sildeup,悬停在下拉列表上

时间:2011-09-01 22:17:52

标签: jquery

我有一个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;

            });


        });

    });

提前感谢您的任何帮助

1 个答案:

答案 0 :(得分:1)

只需使用

$(函数(){

$(“select”)。mouseleave(function(event){event.stopPropagation();});

});

它将解决问题:)