Chosen: рдЪреБрдирд╛ рдЧрдпрд╛: рдлрд╛рдпрд░рд┐рдВрдЧ рдХреЗ рд▓рд┐рдП рддреИрдпрд╛рд░ рдирд╣реАрдВ

рдХреЛ рдирд┐рд░реНрдорд┐рдд 3 рдЕрдкреНрд░реИрд▓ 2014  ┬╖  14рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: harvesthq/chosen

рдореБрдЭреЗ рдЪреБрдирд╛ рдирд╣реАрдВ рдЬрд╛ рд╕рдХрддрд╛: рдЖрдЧ рдХреЗ рд▓рд┐рдП рддреИрдпрд╛рд░ , рдХреНрдпрд╛ рдХреЛрдИ рдкреБрд╖реНрдЯрд┐ рдХрд░ рд╕рдХрддрд╛ рд╣реИ рдХрд┐ рдпрд╣ рдЙрдкрдпреЛрдЧ рд╕рд╣реА рд╣реИ рдпрд╛ рдЧрд▓рдд?

jQuery ('.chzn-select')ред рдкрд░ (' рдЪреБрдирд╛ рдЧрдпрд╛: рддреИрдпрд╛рд░ ', рдлрд╝рдВрдХреНрд╢рди () {
jQuery ('рд▓реА')ред рд╕реНрдХреНрд░реЙрд▓рдЯреЗрдХреНрд╕реНрдЯ ();
});

".chzn-select" рд╡рд╣ рд╡рд░реНрдЧ рд╣реИ рдЬрд┐рд╕реЗ рдЪреБрдирд╛ рдЧрдпрд╛ рд╣реИ рдЬреЛ рдЗрд╕ рдХреЛрдб рд╕реЗ рдкрд╣рд▓реЗ рдмрд╛рдзреНрдп рд╣реИред

рдзрдиреНрдпрд╡рд╛рдж

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

рдореИрдВ рднреА рдПрдХ рдРрд╕реЗ рдореБрджреНрджреЗ рдореЗрдВ рднрд╛рдЧ рдЧрдпрд╛ рдЬрд╣рд╛рдВ рдЪреБрдирд╛ рдЧрдпрд╛: рддреИрдпрд╛рд░ рдлрд╛рдпрд░рд┐рдВрдЧ рдирд╣реАрдВ рдерд╛ред

рдпрд╣ рдХрд╛рдо рдирд╣реАрдВ рдХрд┐рдпрд╛:

$('select')
    .chosen()
    .on('chosen:ready', function(){
        console.log('chosen:ready')
    });

рд▓реЗрдХрд┐рди рдЪреБрдиреЗ рдЧрдП рдХрд╛рдо рдХреЛ рддреБрд░рдВрдд рдЪрд╛рд▓реВ рдХрд░рдиреЗ рд╕реЗ рдкрд╣рд▓реЗ рдШрдЯрдирд╛ рдХреЛ рдмрд╛рдзреНрдп рдХрд░рдирд╛:

$('select')
    .on('chosen:ready', function(){
        console.log('chosen:ready')
    })
    .chosen();

рд╕рднреА 14 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдЖрдк рдЕрдкрдиреЗ рд╢реНрд░реЛрддрд╛ рдХреЛ рдмрд╣реБрдд рджреЗрд░ рд╕реЗ рдмрд╛рдзреНрдп рдХрд░ рд░рд╣реЗ рд╣реИрдВ (рдпрджрд┐ рдЖрдк рдЗрд╕реЗ рдЪреБрдиреЗ рдЬрд╛рдиреЗ рдХреЗ рдмрд╛рдж рдмрд╛рдзреНрдп рдХрд░рддреЗ рд╣реИрдВ, рддреЛ рдпрд╣ рдШрдЯрдирд╛ рдирд╣реАрдВ рджреЗрдЦреЗрдЧрд╛)ред рдЪреБрдиреЗ рд╣реБрдП рдЖрд╡реЗрджрди рдХрд░рдиреЗ рд╕реЗ рдкрд╣рд▓реЗ рд╢реНрд░реЛрддрд╛ рдХреЛ рдмрд╛рдзреНрдп рдХрд░рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд░реЗрдВ

рдЖрд╣, рд╡рд╣ рд╕рдорд╛рдзрд╛рди рдХрд╛ рд╣рд┐рд╕реНрд╕рд╛ рдерд╛ред рдЗрд╕реЗ рд╕реНрдерд╛рдкрд┐рдд рдХрд░рдиреЗ рд╕реЗ рдкрд╣рд▓реЗ рдЪреБрдиреЗ рдЧрдП рд╕реЗ рд╕рднреА рдИрд╡реЗрдВрдЯ рдХреЛ рдЕрдирдмрд╛рдЗрдВрдб рдХрд░рдиреЗ рд╡рд╛рд▓реА рдПрдХ рд▓рд╛рдЗрди рднреА рдереА рдЬрд┐рд╕рдиреЗ рдЗрд╕реЗ рд╣рдЯрд╛ рджрд┐рдпрд╛ред рдореЗрд░рд╛ рдорд╛рдирдирд╛ тАЛтАЛтАЛтАЛрд╣реИ рдХрд┐ рдПрдПрд╕рдкреАрдиреЗрдЯ рдФрд░ рдкреЛрд╕реНрдЯрдмреИрдХ рдореЗрдВ рдЕрдЬреАрдмрддрд╛ рдХреЗ рдХрд╛рд░рдг рдЕрдирдмрд╛рдЗрдВрдб рд▓рд╛рдЗрди рдХреЛ рдЬреЛрдбрд╝рд╛ рдЧрдпрд╛ рдерд╛ред

рддреНрд╡рд░рд┐рдд рдЙрддреНрддрд░ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рджред

рдмрдВрдж рдХрд┐рдпрд╛ рд╣реБрдЖред :+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 рдЯреНрд░рд┐рдЧрд░ рд╣реЛрддрд╛ рд╣реИред

рддреЛ рдРрд╕рд╛ рдХреНрдпрд╛ рд╣реИ рдЬрд┐рд╕рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдЖрдк рд╕реЛрдЪ рд░рд╣реЗ рд╣реИрдВ? ;)

рдЬрдм рддрдХ рдореИрдВ рдбреНрд░реЙрдкрдбрд╛рдЙрди рдХреЛ рдЦреЛрд▓рдиреЗ рдХреЗ рд▓рд┐рдП рдЯреНрд░рд┐рдЧрд░ рдирд╣реАрдВ рдХрд░рддрд╛, рддрдм рддрдХ рдореЗрд░реА "рдЪреБрдиреЗ рд╣реБрдП-рдкрд░рд┐рдгрд╛рдо" рд╕реВрдЪреА рд╣рдореЗрд╢рд╛ рдЦрд╛рд▓реА рд░рд╣рддреА рд╣реИред рдореИрдВ рдЬреЛ рдХрд░ рд░рд╣рд╛ рдерд╛ рдЙрд╕реЗ рдХрд░рдиреЗ рдХрд╛ рдореБрдЭреЗ рдПрдХ рдФрд░ рддрд░реАрдХрд╛ рдорд┐рд▓рд╛ рд▓реЗрдХрд┐рди рдпрд╣ рдХреИрд╕реЗ рдХрд╛рдо рдХрд░ рд░рд╣рд╛ рдерд╛ рдЗрд╕рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдереЛрдбрд╝рд╛ рдЙрддреНрд╕реБрдХ рдерд╛ред

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

mcclurem picture mcclurem  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

Jeckerson picture Jeckerson  ┬╖  7рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

vpode picture vpode  ┬╖  5рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

blankhang picture blankhang  ┬╖  7рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

scottdoc picture scottdoc  ┬╖  7рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ