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> 中并将鼠标悬停在其上。