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

Question

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

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”以上。

Answer 2

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

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