рд╢реБрдн рджрд┐рди, рдЦрд╛рдмрд░реЛрд╡рд╕реНрдХ!рддреБрд░рдВрдд рдореЗрд░реА рд░реВрд╕реА рдХреЗ рд▓рд┐рдП рдореБрдЭреЗ рдорд╛рдл рдХрд░рдирд╛, рдЬреИрд╕рд╛ рдХрд┐ рдореЗрд░реА рдореВрд▓ рднрд╛рд╖рд╛ рдпреВрдХреНрд░реЗрдиреА рд╣реИредрдореИрдВ рд░реВрдмреА рдСрди рд░реЗрд▓реНрд╕ рдбреЗрд╡рд▓рдкрд░ рд╣реВрдВ рдФрд░ рдЕрдкрдиреЗ рдкреНрд░реЛрдЬреЗрдХреНрдЯреНрд╕ рдореЗрдВ рдХрдИ рдмрд╛рд░ рдореЛрдбрд▓ рд╡рд┐рдВрдбреЛ рдХреА рдЬрд░реВрд░рдд рдкрд░ рдЖрдпрд╛ рд╣реВрдВред рдореИрдВрдиреЗ рдХрдИ рддреИрдпрд╛рд░-рддреИрдпрд╛рд░ рд▓реЛрдЧреЛрдВ рдХреА рдХреЛрд╢рд┐рд╢ рдХреА рдЬреИрд╕реЗ рдлреЗрд╕рдмреЙрдХреНрд╕, рдлреИрдВрд╕реАрдмреЙрдХреНрд╕, jQuery рдпреВрдЖрдИ рдХреЗ рд╕рд╛рде рд╕рдВрд╡рд╛рдж, рдЖрджрд┐ред
рдореЗрд░реЗ рд╣рд╛рд▓рд┐рдпрд╛ рдкреНрд░реЛрдЬреЗрдХреНрдЯреНрд╕ рдореЗрдВ, рдЧреНрд░рд╛рд╣рдХ рдХрд┐рд╕реА рднреА рд╕рдВрд╕рд╛рдзрди рдХреЛ рд╣рдЯрд╛рдиреЗ рд╕реЗ рдкрд╣рд▓реЗ рдПрдХ рдкреБрд╖реНрдЯрд┐рдХрд░рдг рд╕рдВрд╡рд╛рдж рдЬреЛрдбрд╝рдирд╛ рдЪрд╛рд╣рддрд╛ рдерд╛ред рдпрд╣ рдПрдХ рд╕реБрдВрджрд░ рд╕рдВрд╡рд╛рдж рдмреЙрдХреНрд╕ рдкреНрд░рджрд░реНрд╢рд┐рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЖрд╡рд╢реНрдпрдХ рдерд╛, рди рдХрд┐ рдПрдХ рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдЕрд▓рд░реНрдЯ рдЬреЛ рд╣рдореЗрдВ рд░реЗрд▓ рджреЗрддрд╛ рд╣реИред рдлрд┐рд░ рд╣рдордиреЗ рдлреЗрд╕рдмреЙрдХреНрд╕ рдХрд╛ рдЗрд╕реНрддреЗрдорд╛рд▓ рдХрд┐рдпрд╛ рдФрд░ рдореБрдЭреЗ рдлреЗрд╕рдмреБрдХ рдХреЗ рд▓рд┐рдП рдпрд╣ рд╕рдм рдЦрддреНрдо рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдкреВрд░реЗ рдкреНрд░реЛрдЬреЗрдХреНрдЯ рдкрд░ рдЪрдврд╝рдирд╛ рдкрдбрд╝рд╛ред рдФрд░ рдлрд┐рд░ рдореИрдВрдиреЗ рдЕрдкрдиреЗ рдЦреБрдж рдХреЗ рдХреБрдЫ рд▓рд┐рдЦрдиреЗ рдХрд╛ рдлреИрд╕рд▓рд╛ рдХрд┐рдпрд╛, рд▓реЗрдХрд┐рди рд╡рд┐рд╢реБрджреНрдз рд░реВрдк рд╕реЗ рд░реЗрд▓ рдХреЗ рд▓рд┐рдП, рдЗрд╕рд▓рд┐рдП рдЙрдкрд░реЛрдХреНрдд рд╕рднреА рдХрд╣реАрдВ рднреА рдкреЗрдВрдЪ рдХрд░рдирд╛ рдЖрд╕рд╛рди рд╣реИред
рдордгрд┐ рдХреА рдореБрдЦреНрдп рд╡рд┐рд╢реЗрд╖рддрд╛ рдпрд╣ рдереА рдХрд┐ рдорд╛рдирдХ рд░реЗрд▓ рд╡рд┐рдиреНрдпрд╛рд╕ рдХреЛ рдХреЗрд╡рд▓ рдПрдХ рдкрдВрдХреНрддрд┐ рдХреЛ application.js рдлрд╝рд╛рдЗрд▓ рдореЗрдВ рд▓рд┐рдЦрдХрд░ рдкреНрд░рддрд┐рд╕реНрдерд╛рдкрд┐рдд рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИред рдЪрд┐рддреНрд░реЛрдВ рдХреЗ рд▓рд┐рдП рдЬреЛрдбрд╝рд╛ рд╕рдорд░реНрдерди рддрд╛рдХрд┐ рдкрд░рд┐рдпреЛрдЬрдирд╛ рдкрд░ рдПрдХ рд╕рд╛рдзрд╛рд░рдг рдЧреИрд▓рд░реА рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реЛ рддреЛ рдХреБрдЫ рдФрд░ рдбрд╛рд▓рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рдирд╣реАрдВ рдереАред рд╕рдм рдХреБрдЫ рдХреЗрд╡рд▓ 5kb рд▓реЗрддрд╛ рд╣реИред рдпрд╣ рд╕рднреА рдмреНрд░рд╛рдЙрдЬрд╝рд░реЛрдВ рдореЗрдВ рдФрд░ рд╕рд╛рддрд╡реЗрдВ рд╕рдВрд╕реНрдХрд░рдг рдХреЗ рдмрд╛рдж рд╕реЗ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИред
рдпрд╣ рдЗрд╕ рддрд░рд╣ рджрд┐рдЦрддрд╛ рд╣реИ:


рд╕рдЪ рд╣реИ, IE рдЗрд╕ рддрд░рд╣ рдХреЗ рдПрдХ рд╕реБрдВрджрд░ рд╢рдЯрд░ рдирд╣реАрдВ рд╣реИред рдХрд┐рд╕реЗ рдХреНрдпрд╛ рдЪрд╛рд╣рд┐рдП, рдареАрдХ рд╣реИ, рдпрд╣ рд╕рднреА рдмреНрд░рд╛рдЙрдЬрд╝рд░реЛрдВ рдореЗрдВ рд╕рдорд╛рди рджрд┐рдЦрд╛рдИ рджреЗрдЧрд╛, рдЖрдкрдХреЛ рд╡рд┐рдХрд▓реНрдк рдбрд╛рд▓рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ:
$.lazybox.settings({niceClose: false})
рдЬреЗрдо рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ:
- рдкреНрд░рд┐рдВрдЯ рдкреБрд╖реНрдЯрд┐рдХрд░рдг рд╕рдВрд╡рд╛рдж
- рдкреГрд╖реНрда рд░реАрдорд╛рдЙрдЯ рдкреНрд░рджрд░реНрд╢рд┐рдд рдХрд░реЗрдВ
- рдЪрд┐рддреНрд░ рдкреНрд░рджрд░реНрд╢рд┐рдд рдХрд░реЗрдВ
рдЖрд╕рд╛рди рд╕реНрдерд╛рдкрдирд╛
Gemfile:
gem 'lazybox'
application.js:
applications.css:
*= require lazybox
рдЕрдиреБрдкреНрд░рдпреЛрдЧреЛрдВ рдореЗрдВ рдорд╛рдирдХ рдкреБрд╖реНрдЯрд┐рдХрд░рдг рдХреЛ рдмрджрд▓рдиреЗ рдХреЗ рд▓рд┐рдП
$.rails.allowAction = $.lazybox.confirm;
рдкреБрд╕реНрддрдХрд╛рд▓рдп рдХреЗ рдкрд╛рд╕ рдХрдИ рд╡рд┐рдХрд▓реНрдк рд╣реИрдВред рдЖрдк рдЗрд╕реЗ
рдпрд╣рд╛рдБ рджреЗрдЦ рд╕рдХрддреЗ
рд╣реИрдВрдпрд╣рд╛рдВ рдбреЗрдореЛ
рдХрд░реЗрдВрдЖрдкрдХрд╛ рдзреНрдпрд╛рди рджреЗрдиреЗ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рджред