jquery 下拉菜单与其他元素关闭

Question

我正在使用这个插件http://vst.mn/selectordie/ 用于制作下拉菜单。但是我想不通，如何让另一个元素关闭菜单。

我做了一个fiddle http://jsfiddle.net/Lgq1grrm/1/

$("select").selectOrDie();

$(".closeSelect").on('click', function(e) {
    e.stopPropagation();
});

有人可以帮忙吗

Answer 1

我稍微浏览了一下代码，但它看起来像 this plugin doesn't have such a method。

但是，我们可以破解它，接下来会发生什么 on the click on an option:

$("select").selectOrDie();

$(".closeSelect").on('click', function() {
    $(".selected, .sod_placeholder", "select").removeClass("selected sod_placeholder");
    $("select").removeClass("open");
});

JSFIDDLE

Answer 2

只需删除特定的类:

$(function(){
    $("select").selectOrDie();

    $(".closeSelect").on('click', function(e) {
        e.stopPropagation();
        $(".sod_select").removeClass('focus open');
    });
});

jquery 下拉菜单与其他元素关闭

jquery dropdown close with other element

jquery

select

-DEMO-