こんにちは、ハブロフスク！私の母国語はウクライナ語なので、すぐにロシア語を許してください。私はRuby On Railsの開発者であり、プロジェクトでモーダルウィンドウの必要性に何度も遭遇しています。 facebox、fancybox、jQuery UIを使用したダイアログなど、既製のものを多数試しました。
私の最近のプロジェクトの1つで、顧客はリソースを削除する前に確認ダイアログを追加したいと考えていました。 Rails ujsを提供するjavascriptアラートではなく、美しいダイアログボックスを表示する必要がありました。 その後、faceboxを使用し、Facebookですべてを完了するには、プロジェクト全体を登らなければなりませんでした。 そして、私は独自の何かを書くことにしましたが、純粋にレール用であるため、上記のすべてはどこでも簡単にネジ止めできます。
gemの主な機能は、application.jsファイルに1行を書き込むことによってのみ標準のレール構成を置き換えることができることでした。 プロジェクトにシンプルなギャラリーが必要な場合、他に何かを置く必要がないように、写真のサポートを追加しました。 すべてがわずか5kbで済みます。 これは、すべてのブラウザーで、つまり第7バージョン以降で動作します。
次のようになります。
確かに、IEはそれほど美しいシャッターではありません。 誰が何を必要としますか、まあ、それはすべてのブラウザで同じに見えるでしょう、あなたはオプションを置く必要があります：
$.lazybox.settings({niceClose: false})
宝石缶：
- 印刷確認ダイアログ
- ページの再表示を表示
- 写真を表示する
簡単インストール
Gemfile：
gem 'lazybox'
application.js：
applications.css：
*= require lazybox
applications.jsの標準確認を置き換えるには、次を追加します
$.rails.allowAction = $.lazybox.confirm;
ライブラリには多くのオプションがあります。
ここで見ることができます
デモは
こちらご清聴ありがとうございました。