jQuery下拉插件-任何支持的插件

Question

我正在寻找jQuery的下拉插件，因为我的应用程序有多个下拉框。所需的功能与StackOverflow配置文件插入符号非常相似。

我发现这个:http://davidwalsh.name/twitter-dropdown-jquery

但考虑到这不是一个插件，它感觉非常混乱。有人知道一个插件，可以让我DRY下拉在我的网站吗?

谢谢

Answer 1

我稍微清理了一下代码，使它像插件一样。不是很优雅(代码一开始就不漂亮)，但应该可以工作:

jQuery.fn.twitterMenu = function() {
    return this.each(function() {
        var dropdown = $(this);
        var menu = dropdown.next('div.dropdown-menu');
        var parent = dropdown.parent();
        var activeClass = 'dropdown-active';
        var showingDropdown = false;
        var showingDropdown, showingMenu, showingParent;
        dropdown.click(function(e) {
            e.stopPropagation();
            e.preventDefault();
            if (showingDropdown) {
                dropdown.removeClass(activeClass);
                showingMenu.hide();
                showingDropdown = false;
            } else {
                showingDropdown = true;
                showingMenu = menu;
                showingParent = parent;
                menu.show();
                dropdown.addClass(activeClass);
            }
        });
        $('body').click(function(e) {
            if (showingParent) {
                var parentElement = showingParent[0];
                if (!$.contains(parentElement, e.target) || !parentElement == e.target) {
                    hideMenu();
                }
            }
        });
    });
};

你可以这样使用:

$(document).ready(function() {
    $('.dropdown').twitterMenu();
});

演示:http://jsfiddle.net/DraY4/9/

Answer 2

这有用吗? http://aext.net/2009/08/perfect-sign-in-dropdown-box-likes-twitter-with-jquery/

希望有所帮助