結合要素がモーダル画面からの負荷AJAX(jQuery)

Question

たいと思い設定をドラッグ&ドロップ'dropリストの内部にモーダルウインドウです。ウィンドウの内容を読みAJAX通思いを利用する必要がjQueryます。live()メソッドがあります。

ここには現在の私のコード:

$('#cboxLoadedContent').live('load', function() {
    // Event for sortable page lists
    $('ul#pageList').sortable();
});

設定はどのように行うのですか最大のバインディングがモーダル画面負荷?のモーダルウィンドウからcolorboxの引き出しおよび設定ができます

注意：私は推測する 'load' は右のイベントのないスロープ alert() ありするものではありませんで表示ウィンドウにある。

Answer 1

このケースではな .sortable() 要素のときの荷重を使ってajaxのようになります:

$.ajax({
   url: 'page.html',
   //stuff...
   success: function(data) {
     //Put stuff in DOM
     $('ul#pageList').sortable();
   }
});

のための なぜ ： .live() 動作しないこのようにするものではありません待ちのための新しい要素のう---との話を聞くためのイベントから要素がバブルのDOMそのイベントハンドラを実行する場合は、セレクタに一致する.

Answer 2

これがどのモーダルウィンドウによって異なりますが使用しています。

あなたはのjQuery UIのダイアログに、あなたが使用することができますopendialogを使用している場合イベントます。

あなたはダイアログオープントリガされ、そのイベントに関数をバインドすることができるようにます。

$( ".selector" ).bind( "dialogopen", function(event, ui) {
  ...
});

あなたはjQueryのUIを使用していない場合は、

、あなたはいくつかのイベントは、ポップアップが開いたときにトリガされた場合、コードと見に行く必要があります。