jQuery UI对话框在表分类器寻呼机的第二页上不起作用

Question

我通常会在问题中包含很多代码，但我不确定应该包含什么！

我在一个表中有一个用户列表，我使用表分类器寻呼机（分页）插件一次只显示10个用户http://tablesorter.com/docs/example-pager.html

在每一行中，每个用户都有一个删除按钮。当你点击删除按钮时，会弹出一个对话框"你想删除这个用户吗？"http://jqueryui.com/demos/dialog/

我遇到的问题是，当我转到表分页的第2页（或任何其他不是第一页的页面）时，jQuery对话框不会"启动"，并且您可以在没有对话框警告的情况下删除用户。

有人有同时使用这两个插件的经验吗？或者当我通过分页移动到新页面时，我需要调用某种函数来"刷新"UI插件。

总之：表分类器/寻呼机按预期工作，jQuery UI对话框按预期工作但当页面不是寻呼机上的1时，jQuery用户界面对话框不会加载。

希望这是有意义的，如果有任何其他信息/代码需要帮助我解决这个问题，请询问，我会添加。

编辑

这是调用对话框的脚本。

<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>

Answer 1

需要将函数委托给静态元素。。。。分页元素是在DOM之后创建的，因此它们不会绑定任何事件。

使用jQuery 1.7的.on()->进行委派

 $(document).on('click', '.delete-recip', function(){ 
   // copy function code here
 });