Gridstack.js: рддрддреНрд╡реЛрдВ рдХрд╛ рдЖрдХрд╛рд░ рдмрджрд▓рдирд╛ рдмрд╛рд░-рдмрд╛рд░ рд╡рд┐рдВрдбреЛ рдЖрдХрд╛рд░ рдмрджрд▓рдиреЗ рдХреА рдШрдЯрдирд╛ рдХреЛ рдЯреНрд░рд┐рдЧрд░ рдХрд░рддрд╛ рд╣реИ

рдХреЛ рдирд┐рд░реНрдорд┐рдд 12 рд╕рд┐рддре░ 2017  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: gridstack/gridstack.js

рдирдорд╕реНрддреЗ,

рдбреНрд░реИрдЧрд┐рдВрдЧ рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ рддрддреНрд╡реЛрдВ рдХрд╛ рдЖрдХрд╛рд░ рдмрджрд▓рддреЗ рд╕рдордп рдореБрдЭреЗ рдХреЛрдИ рд╕рдорд╕реНрдпрд╛ рд╣реЛ рд░рд╣реА рд╣реИред рдкреНрд░рддреНрдпреЗрдХ рдорд╛рдЙрд╕ рдЖрдВрджреЛрд▓рди рдХреЗ рд▓рд┐рдП рд╡рд┐рдВрдбреЛ рдХрд╛ рдЖрдХрд╛рд░ рдмрджрд▓рдиреЗ рдХреА рдШрдЯрдирд╛ рдмрд╛рд░-рдмрд╛рд░ рдЯреНрд░рд┐рдЧрд░ рд╣реЛрддреА рдкреНрд░рддреАрдд рд╣реЛрддреА рд╣реИ, рдЬрд┐рд╕рд╕реЗ рдореЗрд░реЗ рдЖрд╡реЗрджрди рдореЗрдВ рдХреБрдЫ рдзреАрдорд╛ рд╣реЛ рдЬрд╛рддрд╛ рд╣реИред рдореИрдВрдиреЗ рд╡рд┐рдВрдбреЛ рдЖрдХрд╛рд░ рдмрджрд▓рдиреЗ рдкрд░ рдХрдВрд╕реЛрд▓ рдкрд░ рд▓реЙрдЧ рдЗрди рдХрд░рдХреЗ рдЧреНрд░рд┐рдбрд╕реНрдЯреИрдХ рдбреЗрдореЛ рдкреЗрдЬ рдкрд░ рдЗрд╕реЗ рджреЛрд╣рд░рд╛рдпрд╛ рд╣реИред

http://gridstackjs.com/demo/responsive.html

рдХреНрдпрд╛ рдЖрдк рдЬрд╛рдирддреЗ рд╣реИрдВ рдХрд┐ рдХреГрдкрдпрд╛ рдЗрд╕рдХреЗ рд▓рд┐рдП рдХреЛрдИ рдЙрдкрд╛рдп рд╣реИ рдпрд╛ рдирд╣реАрдВ?

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

рдпрд╣ рдПрдХ jQuery-ui "рдмрдЧ" рд╣реИ, рдЧреНрд░рд┐рдбрд╕реНрдЯреИрдХ рдмрдЧ рдирд╣реАрдВред рд╣рдо jquery-ui рд╕реЗ рджреВрд░ рдЬрд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдХрд╛рдо рдХрд░ рд░рд╣реЗ рд╣реИрдВ, рд▓реЗрдХрд┐рди рдЗрд╕ рдмреАрдЪ, рдЖрдк event.target рдХреА рдЬрд╛рдВрдЪ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ рдЬреИрд╕рд╛ рдХрд┐ SO рдЙрд▓реНрд▓реЗрдЦ рдХрд░рддрд╛ рд╣реИред

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

рдЕрд░реЗ, @ Metal101 ! рд▓реЙрд╢ рдХреА debounce рд╡рд┐рдзрд┐ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд░реЗрдВред

http://jsfiddle.net/rifat/ZDPaV/

рддрдерд╛

https://lodash.com/docs/#debounce

рдореБрдЭреЗ рдмрддрд╛рдПрдВ рдХрд┐ рдХреНрдпрд╛ рдХреБрдЫ рдФрд░ рд╣реИ рдЬрд┐рд╕рдореЗрдВ рдореИрдВ рдорджрдж рдХрд░ рд╕рдХрддрд╛ рд╣реВрдВ!

рд╣рд╛рдп @radiolipsред рдпрд╣ рд╕рдорд╛рдзрд╛рди рддрднреА рдареАрдХ рд╣реИ рдЬрдм рдЖрдк рд╕рдм рдХреБрдЫ рдЦрд░реЛрдВрдЪ рд╕реЗ рд▓рд┐рдЦ рд░рд╣реЗ рд╣реЛрдВред рдЕрдЧрд░ рдореЗрд░реЗ рдкрд╛рд╕ рд╡рд┐рдВрдбреЛрдЬрд╝ рдЖрдХрд╛рд░ рдмрджрд▓рдиреЗ рдкрд░ рдореМрдЬреВрджрд╛ рдПрдкреНрд▓рд┐рдХреЗрд╢рди 100 рд╣реИрдВрдбрд▓рд░ рд╣реИрдВ рддреЛ рдХреНрдпрд╛ рдЖрдк рдЗрди рд╕рднреА рдХреЛ рдлрд┐рд░ рд╕реЗ рд▓рд┐рдЦреЗ рдЬрд╛рдиреЗ рдХреА рдЙрдореНрдореАрдж рдХрд░ рд░рд╣реЗ рд╣реИрдВред рдЖрдЦрд┐рд░рдХрд╛рд░ рдЦрд┐рдбрд╝рдХреА рдХрд╛ рдЖрдХрд╛рд░ рдмрджрд▓ рдирд╣реАрдВ рд░рд╣рд╛ рд╣реИ, рдЗрд╕рд▓рд┐рдП рдирд┐рд╢реНрдЪрд┐рдд рд░реВрдк рд╕реЗ рдЗрд╕ рдШрдЯрдирд╛ рдХреЛ рдЯреНрд░рд┐рдЧрд░ рдирд╣реАрдВ рдХрд┐рдпрд╛ рдЬрд╛рдирд╛ рдЪрд╛рд╣рд┐рдПред рдХреНрдпрд╛ рдЖрдк рдЗрд╕ рдмрдЧ рдХреЛ рдлрд┐рд░ рд╕реЗ рдЦреЛрд▓ рд╕рдХрддреЗ рд╣реИрдВ?

@ashw1984 рдиреЗ рдореБрдЭреЗ рдЗрд╕ рдкреГрд╖реНрда рдкрд░ рдирд┐рд░реНрджреЗрд╢рд┐рдд рдХрд┐рдпрд╛ рд╣реИред

https://stackoverflow.com/questions/7494378/jquery-ui-resizable-fire-window-resize-event

рдпрд╣ рд╕реБрдЭрд╛рд╡ рджрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ рдХрд┐ рдЖрдк рддрддреНрд╡ рдЖрдХрд╛рд░ рдмрджрд▓рдиреЗ рд╡рд╛рд▓реА рдШрдЯрдирд╛ рдХреЛ рдкрдХрдбрд╝ рд▓реЗрдВ рдФрд░ рд╡рд┐рдВрдбреЛ рдИрд╡реЗрдВрдЯ рддрдХ рдмреБрд▓рдмреБрд▓реЗ рд╣реЛрдиреЗ рд╕реЗ рдкрд╣рд▓реЗ рдкреНрд░рдЪрд╛рд░ рдХреЛ рд░реЛрдХреЗрдВред

рдпрд╣ рдПрдХ jQuery-ui "рдмрдЧ" рд╣реИ, рдЧреНрд░рд┐рдбрд╕реНрдЯреИрдХ рдмрдЧ рдирд╣реАрдВред рд╣рдо jquery-ui рд╕реЗ рджреВрд░ рдЬрд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдХрд╛рдо рдХрд░ рд░рд╣реЗ рд╣реИрдВ, рд▓реЗрдХрд┐рди рдЗрд╕ рдмреАрдЪ, рдЖрдк event.target рдХреА рдЬрд╛рдВрдЪ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ рдЬреИрд╕рд╛ рдХрд┐ SO рдЙрд▓реНрд▓реЗрдЦ рдХрд░рддрд╛ рд╣реИред

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