Witam,
mam taki problem. Skorzystałem z pluginu JQuery na selecty. Po kliknięciu w kontrolkę rozwija się select da się w nim szukać itd(Skrypt dodaje klase i wtedy taki select się wyświetla). ale da się go tylko wyłączyć po kliknięciu anuluj. Chce aby po kliknięciu w dowolnym miejscu na stronie(po za tym selectem) zamykały się wszystkie otwartę selecty. Zrobiłem kod w JQuery który miał usuwać tą klasę. Problem w tym , ze jak nawet kliknę w button to on ja automatycznie usuwa.. Macie jakies pomysły jak to obejść?
Pełna wersja: Klik w inne miejsce niż button
Jaki dokładnie plugin wykorzystałeś? I pokaż kod to będzie dużo łatwiej pomóc.
Albo pobawić się z event.stopPropagation, albo obsługiwać całość selecta przy pomocy event delegation podczepionego pod document.body
Plugin to SumoSelect. A z event.stopPropagation wystarczy zrobić document click i to wstawić event.stopPropagation i linijkę ktora usuwa klasę .open?
Nie, event.stopPropagation należy przypiąć do kliku buttona
Dało radę 
event.stopPropagation zatrzymuje bąbelkowanie eventów wyżej w drzewku DOM: http://www.quirksmode.org/js/events_order.html → http://jsfiddle.net/Comandeer/3fmxyyLm/
Kod
$(document).on('click',function(e){
var sselect=$('.SumoSelect');
if(!sselect.is(e.target)&&sselect.has(e.target).length==0){
//tu wyłącz wszystkie selecty
}
});
var sselect=$('.SumoSelect');
if(!sselect.is(e.target)&&sselect.has(e.target).length==0){
//tu wyłącz wszystkie selecty
}
});
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.