0

私は通常、質問に多くのコードを含めるでしょうが、これに何を含めるべきか正確にはわかりません！

テーブルにユーザーのリストがあります。tablesorterpager（ページネーション）プラグインhttp://tablesorter.com/docs/example-pager.htmlを使用して、一度に10人のユーザーのみを表示しています。

各行には、ユーザーごとに削除ボタンがあります。削除ボタンをクリックすると、ダイアログボックスが表示されます。「このユーザーを削除しますか...」http://jqueryui.com/demos/dialog/

私が抱えている問題は、テーブルページ付けの2ページ目（または最初ではない他のページ）に移動すると、jQueryダイアログボックスが「起動」せず、ダイアログの警告なしにユーザーを削除できることです。

誰かがこれらの2つのプラグインをタンデムで使用した経験がありますか、またはページネーションを介して新しいページに移動するときにUIプラグインを「更新」するために呼び出す必要がある何らかの関数がありますか。

要約すると、テーブルソーター/ページャーは期待どおりに機能し、jQuery UIダイアログボックスは期待どおりに機能しますが、ページャーで1でないページでは、jQueryUIダイアログボックスは読み込まれません。

それが理にかなっていることを願っています。誰かが私がこれを理解するのを手伝う必要がある追加の情報/コードがある場合は、尋ねてください。追加します。

編集

これは、ダイアログを呼び出すためのスクリプトです。

<script type="text/javascript">
    $('#dialog-confirm').hide();
        $('.delete-recip').bind('click',function(e){
            e.preventDefault();
            var targetUrl = $(this).attr("href");
        $( "#dialog-confirm" ).dialog({
                resizable: false,
                height:140,
                modal: true,
                buttons: {
                    "&{'recipientlist.DeleteUserButton'}": function() {
                        $( this ).dialog( "close" );
                        window.location.href = targetUrl;
                    },
                    &{'recipientlist.DeleteUserCancel'}: function() {
                        $( this ).dialog( "close" );
                    }
                }
            });
    });

 });
</script>
4

1 に答える 1

3

関数を静的要素に委譲する必要があります....ページ分割された要素はDOMの後に作成されるため、それらにバインドされたイベントはありません。

jQuery 1.7 を使用した委任.on()->

 $(document).on('click', '.delete-recip', function(){ 
   // copy function code here
 });
于 2012-07-27T15:35:35.320 に答える