jQuery 悬停菜单

【问题标题】：jQuery HovermenujQuery 悬停菜单
【发布时间】：2011-01-23 00:30:36
【问题描述】：

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

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

当我将鼠标悬停在标签上时效果很好，但是每当我尝试在任何下拉列表中选择某些内容时，div 都会向上滑动。有谁知道这方面的解决方法？

谢谢

【问题讨论】：

【解决方案1】：

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

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

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

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

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

【讨论】：

我实际上将标签放在了 div 上，而 lblDate 是一个 div ID...抱歉造成混淆。但真正的问题是，当下拉菜单获得焦点时，.slideUp() 方法就会启动。