1

Twitter Bootstrap の Modal Plugin を拡張しようとしています。モーダル ポップアップが表示および非表示になっているときにアクションをトリガーするクリーンな方法はありますか。

$("#xyz").clone().modal({"backdrop": "static", "keyboard":true, "show":true});
$("#xyz").on("shown", function(e){ console.log("hi");});

上記を試しましたが、何もしません。

コード内のすべてのモーダル呼び出しに対して上記の関数を指定したくありません。私が本当に欲しいのは、表示または非表示のたびにすべてのモーダルの汎用関数を作成することです。

ありがとう！

4

1 に答える 1

2

イベントハンドラーをにアタッチしているため、コードは機能していませんが、別のオブジェクトである$('#xyz')からモーダルを作成しています。$('#xyz').clone()

試す：

$("#xyz").on("shown", function(e){ console.log("hi");});
$("#xyz").clone(true).modal({"backdrop": "static", "keyboard":true, "show":true});

最初にイベントハンドラーをアタッチしてからクローンを作成します。必ずtrue引数として渡して、アタッチされているすべてのイベントハンドラーとデータ$('#xyz')がクローンオブジェクトに渡されるようにします。

于 2012-08-13T20:48:37.513 に答える