Messenger弾窓の使用

1752 ワード
Messengerポップアップのドキュメントおよび詳細についてはMessenger公式サイトを参照してください.この場合はMessengerポップアップの使用のみを紹介します
MessengerはjqueryとBackboneに依存する.jsは、Bootstrapと完璧に結合できますが、Bootstrapは必要ありません.
１.まずcssファイルを参照します.1つはグローバルなcssファイルであるmessengerです.css、1つはテーマスタイルのスタイルファイルmessenger-theme-futureです.css　
　    
２.jsファイルを導入し、cssと同様にグローバルjs、すなわちmessenger.min.js、一つはテーマスタイルjs、messenger-theme-futureです.js,
  
3.ファイルが導入されたら、ポップアップのテーマと、ポップアップがページに表示される場所の設定を開始します.
  • には4つのトピックがあり、ポップアップボックスには
    • を選択できる6つの場所があります.
  • Future対応messenger-theme-future.css
  • Blockはmessenger-theme-blockに対応する.css
  • Air対応messenger-theme-air.css
  • Iceはmessenger-theme-iceに対応する.css 
    •         $._messengerDefaults = {
            extraClasses: 'messenger-fixed messenger-theme-ice messenger-on-top'
        }

     4.Messengerのインタフェースを呼び出し、プロンプト文字といくつかのスタイルを設定します.
            $.globalMessenger().post({
            message: "    ,     !",
            hideAfter: 3,
            type: 'error',
            showCloseButton: true
        });

     
    参考記事:
     http://www.bootcss.com/p/messenger/Messenger公式サイト
    http://github.hubspot.com/messenger/gitソース管理
    https://github.com/HubSpot/messenger/gitiソース
    http://segmentfault.com/a/1190000000358289その他の紹介
    Apache Spark 単体テストの戦略
    ASP.NETはwordドキュメントのオンラインプレビュー機能コード-word回転Htmlを実現