jQuery CoreUISelect - рд╕реНрдЯрд╛рдЗрд▓ рдХрд╛ рдЪрдпрди рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдкреНрд▓рдЧрдЗрди

Habr├й рдкрд░ рдкреНрд▓рдЧ-рдЗрди рдХреА рд╢реИрд▓реА рдХреЗ рдЪрдпрди рдХреА рд╕рдореАрдХреНрд╖рд╛ рдкрд╣рд▓реЗ рд╕реЗ рд╣реА рдлрд┐рд╕рд▓ рдЧрдИ ( рдПрдХ рдмрд╛рд░ рдФрд░ рджреЛ рдмрд╛рд░ )

рд╢рд╛рдпрдж рдореБрдЭреЗ рдЕрдЧрд▓реА рдмрд╛рдЗрдХ рдХреЗ рдЖрд╡рд┐рд╖реНрдХрд╛рд░ рдХреЗ рд▓рд┐рдП рдЯрдорд╛рдЯрд░ рдХреЗ рд╕рд╛рде рдлреЗрдВрдХ рджрд┐рдпрд╛ рдЬрд╛рдПрдЧрд╛, рд▓реЗрдХрд┐рди рд╕рднреА рдореМрдЬреВрджрд╛ рдХрд╛рд░реНрдпрд╛рдиреНрд╡рдпрди рдореБрдЭреЗ рд╕реВрдЯ рдирд╣реАрдВ рдХрд░рддреЗ рдереЗред рд╣рд╛рдВ, рдПрдХ рдЙрддреНрдХреГрд╖реНрдЯ рдкреНрд▓рдЧрдЗрди рдЪреБрдирд╛ рдЧрдпрд╛ , рд▓реЗрдХрд┐рди рдЗрд╕рдореЗрдВ рдЕрддреНрдпрдзрд┐рдХ рдорд╛рддреНрд░рд╛ рдореЗрдВ рдХрд╛рд░реНрдпрдХреНрд╖рдорддрд╛ рд╣реИ рдЬрд┐рд╕рдХреА рдореБрдЭреЗ рдЖрд╡рд╢реНрдпрдХрддрд╛ рдирд╣реАрдВ рд╣реИред ikSlect , рд╣рд╛рдБ, рд▓рдЧрднрдЧ рдореБрдЭреЗ рдХреНрдпрд╛ рдЪрд╛рд╣рд┐рдП, рд▓реЗрдХрд┐рди рдореБрдЭреЗ рдЙрддреНрдкрдиреНрди рдорд╛рд░реНрдХрдЕрдк рдкрд╕рдВрдж рдирд╣реАрдВ рдерд╛ред



рддреЛ, рдХрд╛рд░реНрдп рд▓рд╛рдареА рдФрд░ w рдХреЗ рд╕рд╛рде рдкреНрд▓рдЧ-рдЗрди рдХрд░рдирд╛ рд╣реИ ... рдПрдХ рдРрд╕реЗ рд╕реНрдЯрд╛рдЗрд▓ рдХреЛ рдЪреБрдирдиреЗ рдХреЗ рд▓рд┐рдП рдЬреЛ рдорд╛рдирдХ рдХреЗ рд╡реНрдпрд╡рд╣рд╛рд░ рдХреЛ рдЕрдзрд┐рдХрддрдо рддрдХ рджреЛрд╣рд░рд╛рддрд╛ рд╣реИред рдФрд░ рдпрд╣ рдХреАрдмреЛрд░реНрдб рдиреЗрд╡рд┐рдЧреЗрд╢рди, рдбреНрд░реЙрдкрдбрд╛рдЙрди рдХреА рдЪреМрдбрд╝рд╛рдИ рдХрд╛ рдСрдЯреЛ-рд╕рдорд╛рдпреЛрдЬрди, рдСрдкреНрдЯрдЧреНрд░реБрдк рд╕рдорд░реНрдерди, рдСрдЯреЛ-рдкреВрд░реНрдг, рдФрд░ рд╕рдмрд╕реЗ рдорд╣рддреНрд╡рдкреВрд░реНрдг, рдкреВрд░реНрдг рдЕрдиреБрдХреВрд▓рди, рдПрдХ рд╕реНрдХреНрд░реЙрд▓рдмрд╛рд░ * рд╕рд╣рд┐рдд рд╣реИред

* рдХрд╕реНрдЯрдо рд╕реНрдХреНрд░реЙрд▓рд┐рдВрдЧ рдХрд╛ рд╕рдорд░реНрдерди рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП, рдЖрдкрдХреЛ jScrollPane рдкреНрд▓рдЧрдЗрди рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ

рдХреБрдЫ рджрд┐рдиреЛрдВ рдмрд╛рдж, рдпрд╣ рдкреВрд░реА рддрд░рд╣ рдХрд╛рд░реНрдпрд╛рддреНрдордХ рдкреНрд▓рдЧрдЗрди рдирд┐рдХрд▓рд╛, рдЬрд┐рд╕реЗ рдЧрд░реНрд╡ рд╕реЗ jQueryCoreUISelect рдирд╛рдо рджрд┐рдпрд╛ рдЧрдпрд╛

рдПрдХ рдПрдкреАрдЖрдИ рд╣реИ, рдЬрд┐рд╕рдореЗрдВ 5 рдХреЙрд▓рдмреИрдХ рд╢рд╛рдорд┐рд▓ рд╣реИрдВ:

$('.b-core-ui-select__select').oreUISelect({ onInit : addCoreUISelectListener, onOpen : addCoreUISelectListener, onClose : addCoreUISelectListener, onChange : addCoreUISelectListener, onDestroy : addCoreUISelectListener }); function addCoreUISelectListener(select, event){ console.log(el, event); } 


рдФрд░ рдмрд╛рд╣рд░реА рддрд░реАрдХреЛрдВ рдХреА рдПрдХ рдЬреЛрдбрд╝реА (рдкреВрд░реНрдг рдЬреАрд╡рди рдХреЗ рд▓рд┐рдП рдкрд░реНрдпрд╛рдкреНрдд рд╣реИ):

 $('.b-core-ui-select__select').oreUISelect('update'); $('.b-core-ui-select__select').oreUISelect('destroy'); 


IPhone, iPad, Android рдХреЗ рд▓рд┐рдП, рдЕрдиреБрдХреВрд▓рди рд╕рдХреНрд╖рдо рд╣реИ, рдЕрд░реНрдерд╛рдд рдбреНрд░реЙрдкрдбрд╛рдЙрди рдбреНрд░реЙрдкрдбрд╛рдЙрди рдХреА рдЙрдкрд╕реНрдерд┐рддрд┐ рдкрд╣рд▓реЗ рд╕реЗ рд╕рд┐рд╕реНрдЯрдо рдкрд░ рдирд┐рд░реНрднрд░ рд╣реИред рдУрдкреЗрд░рд╛ рдорд┐рдиреА рдореЗрдВ, рдкреНрд▓рдЧрдЗрди рдкреВрд░реА рддрд░рд╣ рд╕реЗ рдмрдВрдж рд╣реЛ рдЬрд╛рддрд╛ рд╣реИред


IPad рдХреЗ рд▓рд┐рдП


рдЖрдИрдлреЛрди рдХреЗ рддрд╣рдд

рдбреЗрдореЛ рдФрд░ рд╕реНрд░реЛрддреЛрдВ, рдХрд╛рдВрдЯрд╛, рдбрд╛рдВрдЯ, рдкреНрд░рд╕реНрддрд╛рд╡ рдХреЗ рд▓рд┐рдП рдиреАрдЪреЗ рджреЗрдЦреЗрдВред
рдЖрдкрдХрд╛ рдзреНрдпрд╛рди рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рдж!

рдбреЗрдореЛ рд▓рд┐рдВрдХ
рдЧрд┐рдЯрд╣рдм рд▓рд┐рдВрдХ

Source: https://habr.com/ru/post/In147912/


All Articles