jquery - 如何在数据表排序中调用jquery .on方法

Question

可能之前有人问过这个问题，但我被困在一个位置，我可以在页面加载时对我的数据表进行排序。但是当我用 ajax 填充的数据替换整个表时，它就会停止工作。请帮助我.

我正在根据jQuery 表格排序使用以下代码

$('#loc_sort, #rate_sort')  // these are the th ids that i want to sort
.wrapInner('<span title="sort this column"/>')
.each(function(){       
    var th = $(this),
        thIndex = th.index(),
        inverse = false;

    th.click(function(){

        table.find('td').filter(function(){

            return $(this).index() === thIndex;

        }).sortElements(function(a, b){

            return $.text([a]) > $.text([b]) ?
                inverse ? -1 : 1
                : inverse ? 1 : -1;

        }, function(){

            // parentNode is the element we want to move
            return this.parentNode; 

        });

        inverse = !inverse;

    });

});

请告诉我如何将这段代码与 .on 方法一起使用。我将来自 ajax 的 html 代码附加到

<div id="outer_all_div"></div>

div。这不是替换。请帮助我。在此先感谢。

Answer 1

只需将您的事件绑定到父级。然后只需要绑定一次，更换内表就不会丢失。

$('#outer_all_div').on('click', '#loc_sort, #rate_sort', function() {
    ...
});