1

そこで、カスタムの SharePoint アプリケーション ページでブートストラップ スタイル (これはすばらしい) を使用しようとしています。これを行うために、bootstrap.less ファイルを変更して、選択した ID をすべてのセレクターにプレフィックスとして付けました。基本的に、私はこの投稿の提案に従いました: Twitter ブートストラップのすべてのセレクターを less にプレフィックスします。

これはうまくいきました...ブートストラップのスタイリングは、選択したIDを持つコンテナdivにのみ適用されていました. ただし、これを行ったとき、モーダルが機能しなくなったことに気付きました。元のbootstrap.cssファイルに戻ってこれをテストしました..モーダルは再び正常に機能していました. デフォルトの bootstrap.css ファイルは使用できません。これは、ページの残りの部分で SharePoint スタイルの一部が台無しになるためです。すべてのブートストラップ スタイル要素でカスタム プレフィックス付きセレクターを使用しているときに、モーダルを機能させるにはどうすればよいですか?

4

1 に答える 1

1

理解した。bootstrap-modal.js ファイルでは、backdrop プロパティのコールバックがデフォルトでドキュメント本文に追加されます。すべてのブートストラップ スタイルを適用するカスタム プレフィックスを追加したので、これを変更して、そのクラスの親 div に追加する必要がありました。以下に示すように修正します。

オリジナルのbootstrap-modal.js:

  this.$backdrop = $('<div class="modal-backdrop ' + animate + '" />')
    .appendTo(document.body)

私の修正（私のカスタムセレクターは「.bootstrap」です）：

  this.$backdrop = $('<div class="modal-backdrop ' + animate + '" />')
    .appendTo($('.bootstrap')[0])
于 2012-11-21T20:23:25.700 に答える