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

Question

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

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

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

非常感谢任何见解

Answer 1

试试这个：

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”as根据上面的代码。

希望这有帮助！

Answer 2

问题是它试图删除类，因为它是由niceselect添加的。这很有效：

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