1

やあ私はモーダルに問題があります

<div id="myModal" class="modal hide fade">
    <div class="modal-header">
        <a href="#" class="close" data-dismiss="modal">×</a>
        <h3>Modal header</h3>
    </div>
    <div class="modal-body" style="text-align:center">
        <p>
            <ul class="thumbnails">
            <li class="span3" style="">
                <img src="http://placehold.it/260x180" alt="">
            </li>
            </ul>
        </p>
    </div>
    <div class="modal-footer">
        <a href="#" class="btn btn-danger">Delete</a>
    </div>
</div>

これが私がモーダルを呼び出す方法です

<td><a data-toggle="modal" href="#myModal">Show poster</a></td>

リンクモーダルをクリックした後、閉じるボタンをクリックせずにフェードインおよびフェードアウトします。このコードを彼らのサイトからコピーしました。何が問題なのですか??

編集### 解決策 ### モーダルソースコードファイルで、この関数にコメントを付けました

 /* MODAL DATA-API
  * ============== */
 /*
  $(function () {
    $('body').on('click.modal.data-api', '[data-toggle="modal"]', function ( e ) {
      var $this = $(this), href
        , $target = $($this.attr('data-target') || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) //strip for ie7
        , option = $target.data('modal') ? 'toggle' : $.extend({}, $target.data(), $this.data())

      e.preventDefault()
      $target.modal(option)
    })
  })
*/

そして今、素晴らしい作品

4

1 に答える 1

3

プラグイン ソース内の何かをコメント アウトすることは、問題に対処する正しい方法ではありません。あなたはそれを適切に使用していません。Data API を無効にする場合は、次のようにします。

ドキュメントから：

データ属性 API

Bootstrap が提供するすべてのプラグインは、javascript を 1 行も書かずに、マークアップ API を介して純粋に使用できるはずです。これはブートストラップのファースト クラス API です。

これが常に最もパフォーマンスが高いとは限らず、この機能を完全にオフにすることが望ましい場合があることを認識しています。そのため、2.0 の時点で、「data-api」でネームスペース化された body のすべてのイベントのバインドを解除することで、データ属性 API を無効にする機能を提供しています。これは次のようになります。

$('body').off('.data-api')

特定のプラグインをターゲットにするには、次のように data-api 名前空間とともにプラグイン名を名前空間として含めるだけです。

$('body').off('.alert.data-api')

その API を無効にしたくない場合 (どの JS を含めているのか、自分で書いているのかわかりません) それでも機能しない場合は、レンダリングされたページ コードを投稿してください。正しい方法で修正してください。

于 2012-06-01T15:23:05.570 に答える