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