рдореБрдЭреЗ рдЪреБрдирд╛ рдирд╣реАрдВ рдЬрд╛ рд╕рдХрддрд╛: рдЖрдЧ рдХреЗ рд▓рд┐рдП рддреИрдпрд╛рд░ , рдХреНрдпрд╛ рдХреЛрдИ рдкреБрд╖реНрдЯрд┐ рдХрд░ рд╕рдХрддрд╛ рд╣реИ рдХрд┐ рдпрд╣ рдЙрдкрдпреЛрдЧ рд╕рд╣реА рд╣реИ рдпрд╛ рдЧрд▓рдд?
jQuery ('.chzn-select')ред рдкрд░ (' рдЪреБрдирд╛ рдЧрдпрд╛: рддреИрдпрд╛рд░ ', рдлрд╝рдВрдХреНрд╢рди () {
jQuery ('рд▓реА')ред рд╕реНрдХреНрд░реЙрд▓рдЯреЗрдХреНрд╕реНрдЯ ();
});
".chzn-select" рд╡рд╣ рд╡рд░реНрдЧ рд╣реИ рдЬрд┐рд╕реЗ рдЪреБрдирд╛ рдЧрдпрд╛ рд╣реИ рдЬреЛ рдЗрд╕ рдХреЛрдб рд╕реЗ рдкрд╣рд▓реЗ рдмрд╛рдзреНрдп рд╣реИред
рдзрдиреНрдпрд╡рд╛рдж
рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдЖрдк рдЕрдкрдиреЗ рд╢реНрд░реЛрддрд╛ рдХреЛ рдмрд╣реБрдд рджреЗрд░ рд╕реЗ рдмрд╛рдзреНрдп рдХрд░ рд░рд╣реЗ рд╣реИрдВ (рдпрджрд┐ рдЖрдк рдЗрд╕реЗ рдЪреБрдиреЗ рдЬрд╛рдиреЗ рдХреЗ рдмрд╛рдж рдмрд╛рдзреНрдп рдХрд░рддреЗ рд╣реИрдВ, рддреЛ рдпрд╣ рдШрдЯрдирд╛ рдирд╣реАрдВ рджреЗрдЦреЗрдЧрд╛)ред рдЪреБрдиреЗ рд╣реБрдП рдЖрд╡реЗрджрди рдХрд░рдиреЗ рд╕реЗ рдкрд╣рд▓реЗ рд╢реНрд░реЛрддрд╛ рдХреЛ рдмрд╛рдзреНрдп рдХрд░рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд░реЗрдВ
рдЖрд╣, рд╡рд╣ рд╕рдорд╛рдзрд╛рди рдХрд╛ рд╣рд┐рд╕реНрд╕рд╛ рдерд╛ред рдЗрд╕реЗ рд╕реНрдерд╛рдкрд┐рдд рдХрд░рдиреЗ рд╕реЗ рдкрд╣рд▓реЗ рдЪреБрдиреЗ рдЧрдП рд╕реЗ рд╕рднреА рдИрд╡реЗрдВрдЯ рдХреЛ рдЕрдирдмрд╛рдЗрдВрдб рдХрд░рдиреЗ рд╡рд╛рд▓реА рдПрдХ рд▓рд╛рдЗрди рднреА рдереА рдЬрд┐рд╕рдиреЗ рдЗрд╕реЗ рд╣рдЯрд╛ рджрд┐рдпрд╛ред рдореЗрд░рд╛ рдорд╛рдирдирд╛ тАЛтАЛтАЛтАЛрд╣реИ рдХрд┐ рдПрдПрд╕рдкреАрдиреЗрдЯ рдФрд░ рдкреЛрд╕реНрдЯрдмреИрдХ рдореЗрдВ рдЕрдЬреАрдмрддрд╛ рдХреЗ рдХрд╛рд░рдг рдЕрдирдмрд╛рдЗрдВрдб рд▓рд╛рдЗрди рдХреЛ рдЬреЛрдбрд╝рд╛ рдЧрдпрд╛ рдерд╛ред
рддреНрд╡рд░рд┐рдд рдЙрддреНрддрд░ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рджред
рдмрдВрдж рдХрд┐рдпрд╛ рд╣реБрдЖред :+1:
рдХреНрд╖рдорд╛ рдХрд░реЗрдВ рдПрдХ рдФрд░ рдмрд╛рдд, рдореБрдЭреЗ рдЗрд╕ рдлрд╝рдВрдХреНрд╢рди рдореЗрдВ рдЪреБрдиреА рдЧрдИ рд╡рд╕реНрддреБ рдХреЛ рдиреАрдЪреЗ рдХреА рддрд░рд╣ рдкреНрд░рд╛рдкреНрдд рдХрд░рдиреЗ рдореЗрдВ рд╕рдХреНрд╖рдо рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдП, рдХреНрдпрд╛ рдпрд╣ рд╕рд╣реА рд╣реИ?
jQuery('.chzn-select').on('select :ready ', function (рдЪреБрдирд╛ рд╣реБрдЖ) {
jQuery ('рд▓реА')ред рд╕реНрдХреНрд░реЙрд▓рдЯреЗрдХреНрд╕реНрдЯ ();
});
рдореИрдВ рдирдпрд╛ рддрддреНрд╡ рдкреНрд░рд╛рдкреНрдд рдХрд░рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ рдФрд░ рддреИрдпрд╛рд░ рд╣реЛрдиреЗ рдкрд░ рдХреБрдЫ рдХрд░рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВред рдХреНрдпрд╛ рдЪреБрдиреА рдЧрдИ рд╡рд╕реНрддреБ рдореЗрдВ рдпрд╣ рд╢рд╛рдорд┐рд▓ рд╣реИ? рдореИрдВ рджреЗрдЦрддрд╛ рд╣реВрдВ рдХрд┐ рдУрдмреАрдЬреЗ рдХрд╛ рдкрд░рд┐рдгрд╛рдо рд╣реИ рд╣рд╛рд▓рд╛рдВрдХрд┐ рдпрд╣ рд╣рдореЗрд╢рд╛ рдЕрдкрд░рд┐рднрд╛рд╖рд┐рдд рд╣реЛрддрд╛ рд╣реИред
рдареАрдХ рд╣реИ, рдореИрдВ рдЗрд╕реЗ рдлрд┐рд░ рд╕реЗ рдмрдВрдж рдХрд░ рд░рд╣рд╛ рд╣реВрдБред
рдореИрдВрдиреЗ рдХрд╛рдо рдХрд┐рдпрд╛ рдпрд╣ рдХрднреА рдХрд╛рдо рдирд╣реАрдВ рдХрд░реЗрдЧрд╛ред рдЪреВрдВрдХрд┐ рдореИрдВ рдЪреБрдиреЗ рд╣реБрдП рдбреНрд░реЙрдкрдбрд╛рдЙрди рдореЗрдВ рдкреНрд░рддреНрдпреЗрдХ рд╡рд┐рдХрд▓реНрдк рдкрд░ рдПрдХ рдИрд╡реЗрдВрдЯ рд▓рд╛рдЧреВ рдХрд░рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ, рд╣рд╛рд▓рд╛рдВрдХрд┐ рд╕рдорд╕реНрдпрд╛ рдпрд╣ рд╣реИ рдХрд┐ рдбреНрд░реЙрдкрдбрд╛рдЙрди рдкрд░ рдХреНрд▓рд┐рдХ рд╣реЛрдиреЗ рддрдХ рд╡рд┐рдХрд▓реНрдк рдирд╣реАрдВ рдмрдирд╛рдП рдЬрд╛рддреЗ рд╣реИрдВред рдЗрд╕рд▓рд┐рдП рдореИрдВ рд╕рдВрднрд╡рддрдГ рдЕрдкрдиреЗ рдХреЛрдб рдХреЛ " рдЪреБрдиреЗ рд╣реБрдП:showing_dropdown " рдИрд╡реЗрдВрдЯ рдореЗрдВ рд▓реЗ рдЬрд╛ рд╕рдХрддрд╛ рд╣реВрдВред
рдИрд╡реЗрдВрдЯ рд╢реНрд░реЛрддрд╛ рдХрд╛ рдкрд╣рд▓рд╛ рддрд░реНрдХ рд╣рдореЗрд╢рд╛ рдИрд╡реЗрдВрдЯ рдСрдмреНрдЬреЗрдХреНрдЯ рд╣реЛрддрд╛ рд╣реИред рдкреИрд░рд╛рдореАрдЯрд░ рджреВрд╕рд░рд╛ рддрд░реНрдХ рд╣реИрдВ: http://harvesthq.github.io/chosen/options.html#triggered -events
рдЖрд╣ рдореИрдВ рджреВрд╕рд░рд╛ рдкреИрд░рд╛рдореАрдЯрд░ рдЪреВрдХ рдЧрдпрд╛ред рдзрдиреНрдпрд╡рд╛рджред
рдЖрдкрдХреЛ рдкреНрд░рддрд┐рдирд┐рдзрд┐рдордВрдбрд▓ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдЕрдкрдиреА рдШрдЯрдирд╛рдУрдВ рдХреЛ рдмрд╛рдВрдзрдирд╛ рдЪрд╛рд╣рд┐рдП (рдЬреИрд╕реЗ рдмрд╣рд┐рд╖реНрдХреГрдд $().live()
), рдХреНрдпреЛрдВрдХрд┐ рддрдм рддрддреНрд╡реЛрдВ рдХреЛ рдмрд╛рдзреНрдпрдХрд╛рд░реА рд╣реЛрдиреЗ рдкрд░ рдкреГрд╖реНрда рдореЗрдВ рдЙрдкрд╕реНрдерд┐рдд рд╣реЛрдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рдирд╣реАрдВ рд╣реЛрддреА рд╣реИ:
$('.chosen-select').on('click', 'li', handlerFunction);
рдпрд╣рд╛рдВ рдХрд╛рд░реНрдпрдХреНрд░рдо рдкреНрд░рддрд┐рдирд┐рдзрд┐рдордВрдбрд▓ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдЕрдзрд┐рдХ рдЬрд╛рдирдХрд╛рд░реА: https://learn.jquery.com/events/event-delegation/
рдореИрдВ рднреА рдПрдХ рдРрд╕реЗ рдореБрджреНрджреЗ рдореЗрдВ рднрд╛рдЧ рдЧрдпрд╛ рдЬрд╣рд╛рдВ рдЪреБрдирд╛ рдЧрдпрд╛: рддреИрдпрд╛рд░ рдлрд╛рдпрд░рд┐рдВрдЧ рдирд╣реАрдВ рдерд╛ред
рдпрд╣ рдХрд╛рдо рдирд╣реАрдВ рдХрд┐рдпрд╛:
$('select')
.chosen()
.on('chosen:ready', function(){
console.log('chosen:ready')
});
рд▓реЗрдХрд┐рди рдЪреБрдиреЗ рдЧрдП рдХрд╛рдо рдХреЛ рддреБрд░рдВрдд рдЪрд╛рд▓реВ рдХрд░рдиреЗ рд╕реЗ рдкрд╣рд▓реЗ рдШрдЯрдирд╛ рдХреЛ рдмрд╛рдзреНрдп рдХрд░рдирд╛:
$('select')
.on('chosen:ready', function(){
console.log('chosen:ready')
})
.chosen();
рдШрдЯрдирд╛ рдлрд╛рдпрд░рд┐рдВрдЧ рд╣реИред рд▓реЗрдХрд┐рди рдкрд╣рд▓реЗ рдорд╛рдорд▓реЗ рдореЗрдВ, рдЖрдкрдХреЗ рд╢реНрд░реЛрддрд╛ рдХреЛ рдЯреНрд░рд┐рдЧрд░ рд╣реЛрдиреЗ рдХреЗ рдмрд╛рдж рд╢рд╛рдпрдж рдкрдВрдЬреАрдХреГрдд рдХрд┐рдпрд╛ рдЧрдпрд╛ рдерд╛
@stof рдЕрдЪреНрдЫрд╛ рд╕реНрдкрд╖реНрдЯреАрдХрд░рдг, рдзрдиреНрдпрд╡рд╛рджред
рдмрд╕ рд╕реЛрдЪ рд░рд╣рд╛ рдерд╛ рд▓реЗрдХрд┐рди "рддреИрдпрд╛рд░" рдШрдЯрдирд╛ рдХреЗ рдмрдЬрд╛рдп "showing_dropdown" рдИрд╡реЗрдВрдЯ рдореЗрдВ рд╕реВрдЪреА рдЖрдЗрдЯрдо рдХреНрдпреЛрдВ рдмрдирд╛рдП рдЧрдП рд╣реИрдВ?
рд╕реВрдЪреА рдЖрдЗрдЯрдо chosen:showing_dropdown
рдореЗрдВ рдирд╣реАрдВ рдмрдирд╛рдП рдЧрдП рд╣реИрдВред
chosen:ready
рдХреЛ рдЯреНрд░рд┐рдЧрд░ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ рдЬрдм рдкрд░рд┐рдгрд╛рдо рдмрдирддреЗ рд╣реИрдВ рдФрд░ рдЪреБрдирд╛ рдШрдЯрдирд╛рдУрдВ рдХреЛ рдкреНрд░рд╛рдкреНрдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рддреИрдпрд╛рд░ рд╣реЛрддрд╛ рд╣реИ, рдЪреБрдирд╛ рдЦреЛрд▓рдиреЗ рдХреЗ рдмрд╛рдж chosen:showing_dropdown
рдЯреНрд░рд┐рдЧрд░ рд╣реЛрддрд╛ рд╣реИред
рддреЛ рдРрд╕рд╛ рдХреНрдпрд╛ рд╣реИ рдЬрд┐рд╕рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдЖрдк рд╕реЛрдЪ рд░рд╣реЗ рд╣реИрдВ? ;)
рдЬрдм рддрдХ рдореИрдВ рдбреНрд░реЙрдкрдбрд╛рдЙрди рдХреЛ рдЦреЛрд▓рдиреЗ рдХреЗ рд▓рд┐рдП рдЯреНрд░рд┐рдЧрд░ рдирд╣реАрдВ рдХрд░рддрд╛, рддрдм рддрдХ рдореЗрд░реА "рдЪреБрдиреЗ рд╣реБрдП-рдкрд░рд┐рдгрд╛рдо" рд╕реВрдЪреА рд╣рдореЗрд╢рд╛ рдЦрд╛рд▓реА рд░рд╣рддреА рд╣реИред рдореИрдВ рдЬреЛ рдХрд░ рд░рд╣рд╛ рдерд╛ рдЙрд╕реЗ рдХрд░рдиреЗ рдХрд╛ рдореБрдЭреЗ рдПрдХ рдФрд░ рддрд░реАрдХрд╛ рдорд┐рд▓рд╛ рд▓реЗрдХрд┐рди рдпрд╣ рдХреИрд╕реЗ рдХрд╛рдо рдХрд░ рд░рд╣рд╛ рдерд╛ рдЗрд╕рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдереЛрдбрд╝рд╛ рдЙрддреНрд╕реБрдХ рдерд╛ред
рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА
рдореИрдВ рднреА рдПрдХ рдРрд╕реЗ рдореБрджреНрджреЗ рдореЗрдВ рднрд╛рдЧ рдЧрдпрд╛ рдЬрд╣рд╛рдВ рдЪреБрдирд╛ рдЧрдпрд╛: рддреИрдпрд╛рд░ рдлрд╛рдпрд░рд┐рдВрдЧ рдирд╣реАрдВ рдерд╛ред
рдпрд╣ рдХрд╛рдо рдирд╣реАрдВ рдХрд┐рдпрд╛:
рд▓реЗрдХрд┐рди рдЪреБрдиреЗ рдЧрдП рдХрд╛рдо рдХреЛ рддреБрд░рдВрдд рдЪрд╛рд▓реВ рдХрд░рдиреЗ рд╕реЗ рдкрд╣рд▓реЗ рдШрдЯрдирд╛ рдХреЛ рдмрд╛рдзреНрдп рдХрд░рдирд╛: