0

Twitter Bootstrapには、「データ属性を介して」モーダルを呼び出す機能があります。これは便利ですが、モーダルをオフにする方法やボタンのイベントを置き換える方法がわかりません。

属性を介した設定の例：

<button id="launch-btn" type="button" data-toggle="modal" data-target="#myModal">
   Launch modal
</button>

私はもう試した：

$('#launch-btn').off('click');
$('#launch-btn').unbind('click');
$('#launch-btn').on('click', function(e){e.preventDefault();});

しかし、すべてがまだモーダルを開いているようです。デフォルトのモーダルが開かないようにし、条件が満たされた場合に別のアクションに置き換えたいと思います。モーダルのイベントを使用して表示を防ぐことができることは知ってshowいますが、ここではそれを行いたくありません。ボタンから動作を制御したいと思います。

また、ブートストラップにデータ属性を介して処理させる代わりに、JSを使用する代わりに、オンザフライでモーダルの作成を処理する方が簡単かもしれないことも認識していますが、私は今、好奇心旺盛なジョージであり、自分が何であるかを発見しようとしています間違ったこと。

4

2 に答える 2

4

これは機能します：$(document).off('click.modal.data-api', '[data-toggle="modal"]');

于 2013-01-10T21:22:57.140 に答える
1

モーダルのshowオプションをfalseに設定してみてください。

http://twitter.github.com/bootstrap/javascript.html#modals

別のデータ属性を追加するだけです。

<button id="launch-btn" type="button" data-toggle="modal" data-show="false" data-target="#myModal">
   Launch modal
</button>
于 2013-01-10T21:09:27.267 に答える