jQuery下拉插件 - 如何知道下拉列表是否打开?

时间:2014-07-17 03:42:03

标签: javascript jquery html css jquery-plugins

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

我希望在悬停div元素时做一些事情IF下拉当前是打开的,或者当鼠标悬停在div元素时当前关闭当前的其他内容。

Psuedo代码:

$('#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中搜索某个类或什么东西吗?

提前致谢!!

2 个答案:

答案 0 :(得分:4)

你可以寻求课程“下拉开放”。 可能是:

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

答案 1 :(得分:2)

该插件为每个下拉列表使用唯一ID,即dropdown-1,dropdown-2,dropdown-3等。

您可以使用此ID来定位特定的下拉列表。检查其css displayblock还是none