selectbox list不能在点击时关闭

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); 
    });