Auswahlliste schließt nicht bei Klick

Question

Ich benutze niceSelect für eine benutzerdefinierte Auswahlbox. Aus irgendeinem Grund wird die Auswahlbox nicht geschlossen, wenn eine Option ausgewählt ist. Ich habe einen benutzerdefinierten Code die offene Klasse vom selectbox Element zu entfernen, aber es funktioniert nicht ...

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

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

Einsicht wäre sehr

Answer 1

Versuchen Sie dies klar sein:

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

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

Mit jQuery Wenn Sie eine Klasse innerhalb einer Elternklasse auswählen, müssen Sie zwischen den einzelnen Klassennamen ein Leerzeichen einfügen, anstatt ".nice-select.open li" sollte es ".nice-select .open li" wie im obigen Code sein.

Hoffe, das hilft!

Answer 2

Problem war, dass es versuchte, die Klasse zu entfernen, wie es von NiceSelect hinzugefügt wurde. Dies funktioniert:

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