Jquery 选择框列表不会在单击时关闭

Jquery 选择框列表不会在单击时关闭,jquery,drop-down-menu,jquery-selectbox,Jquery,Drop Down Menu,Jquery Selectbox,我正在使用niceselect作为自定义选择框。由于某些原因,选择某个选项时,选择框不会关闭。我创建了一个自定义代码来从selectbox元素中删除open类,但它不起作用 var ns = $('.nice-select.open'); var ns_option = $('.nice-select.open li'); ns_option.on( "click", function() { ns.removeClass( "open" ); }); 如果您有任何见解,我们将不胜感

我正在使用niceselect作为自定义选择框。由于某些原因,选择某个选项时,选择框不会关闭。我创建了一个自定义代码来从selectbox元素中删除open类,但它不起作用

var ns = $('.nice-select.open');
var ns_option = $('.nice-select.open li');

ns_option.on( "click", function() {
    ns.removeClass( "open" );
});
如果您有任何见解,我们将不胜感激

请尝试以下方法:

var ns = $('.nice-select .open');
var ns_option = $('.nice-select .open li');

ns_option.on( "click", function() {
    ns.removeClass( "open" );
});

使用jQuery,在父类中选择一个类时,每个类名之间需要有一个空格,而不是按照上面的代码“.nice-select.open li”应该是“.nice-select.open li”。

问题是,它试图删除niceselect添加的类。这起到了作用:

 $('.nice-select ul li').click(function() {
       setTimeout(function() {
            $('.nice-select').removeClass( "open" );
       }, 10);
  });

欣赏它,但是open类和niceselect都在同一个元素上;不是父母/孩子