jQuery悬停菜单

Question

我有一个包含AJAX更新面板的div("dv1")，其中包含多个下拉控件。这些控件在索引更改时执行回发。然后我使用如下所示的jQuery悬停函数：

$('#lblDate').hover($('#dv1').slideDown(),$('#dv1').slideUp());

当我将鼠标悬停在标签上时，这可以很好地工作，但每当我试图在任何下拉菜单上选择某项内容时，div都会向上滑动。有没有人知道解决这个问题的办法？

谢谢

Answer 1

您需要将函数传递给hover，而不是调用它们，如下所示：

$('#lblDate').hover(
    function() { $('#dv1').slideDown(); },
    function() { $('#dv1').slideUp(); }
);

此外，您还需要为控件使用ASP.NET的ClientID，如下所示：

$('#<%= lblDate.ClientID %>')...

为了回答您的问题，您可能希望将标签和下拉列表包装在<div>中，并将鼠标悬停在其上。