jQuery 下拉插件 - 如何知道下拉菜单是否打开？

Question

我正在为 jQuery 使用这个插件：http://labs.abeautifulsite.net/jquery-dropdown/

如果下拉菜单当前打开，我想在悬停 div 元素时做一些事情，或者如果在悬停 div 元素时下拉当前关闭，我想做其他事情。

伪代码：

$('#foo').hover(function() {
    if ( $('*').dropdown('is_visible') ) {
        alert('Dropdown is visible, so do something...');
    }
    else {
        alert('Dropdown is NOT visible, so do something else...');
    }
});

谁能看到这个插件是如何实现的？我可以在 DOM 中搜索某个类或其他东西吗？

提前致谢！！

Answer 1

你可以寻找类“下拉打开”。 可能是：

if ($(".dropdown-open").length > 0) {
 // A dropdown is opened
} else {
 // No opening dropdown
}

Answer 2

插件为每个下拉菜单使用唯一的 id，即 dropdown-1、dropdown-2、dropdown-3 等。

您可以使用此 ID 来定位特定的下拉菜单。检查其 css display 是 block 还是 none。