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

【问题标题】：selectbox list does not close on click单击时选择框列表不会关闭
【发布时间】：2017-09-01 20:55:04
【问题描述】：

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

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

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

任何见解将不胜感激

【问题讨论】：

【解决方案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”根据上面的代码。

【讨论】：

【解决方案2】：

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

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

【讨论】：