jquery - Twitter Bootstrapモーダルを無効にする

Question

Bootstrap の JS ガイドラインを調べたところ、このコードは Twitter の Bootstrap モーダルを無効にします。

$('#myModal').on('show', function (e) {
if (!data) return e.preventDefault() // stops modal from being shown
})

ただし、モーダルをクリックしても、オブジェクト (この場合は Bootstrap Image Gallery を使用した画像: https://github.com/blueimp/Bootstrap-Image-Gallery ) は開きません。クリック機能を完全に無効にするだけです。

モーダルギャラリーを無効にするために、次のスニペットも試しました。

$(document.body).off('.modal-gallery.data-api')

しかし、それはそれを無効にするようには見えません。

モーダルギャラリーが無効になり、画像がリンクとして定期的に開くようにjQueryを作成するにはどうすればよいですか? (すべてのスクリプトが実行された後、フッターに実装されるモバイルサイト用にこのスニペットが必要です。)

score 4 · Accepted Answer

data-toggle="modal" を削除して自動モーダルバインドを無効にし、クリックイベントをバインドできます。

$('#mybutton').click(function (e) {
  if (data) {
    e.preventDefault();
    $('#myModal').modal();
  }
});

score 0 · Accepted Answer

これにより、ブートストラップモーダルなしで画像だけが開きます。

div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls" data-use-bootstrap-modal="false"

2 に答える 2