使行可点击的jQuery数据表，也隐藏行

Question

我有一个html表，其中包含按照令人敬畏的插件数据表排序的数据。现在我不是每一行都可以点击，所以我添加了以下jquery：

$( document).ready( function() {
        $('.clickable').click(function () {
            $(location).attr('href', $(this).data("href"));
        })
    }
);

但这仅适用于最初显示的表格（因此前10行）。如果我使用默认按钮扩展显示的条目数，则我的新条目不可单击。如何以这种方式加载javascript，还可以点击新条目？

Answer 1

使页面首次加载时，可以使行可单击的JavaScript运行一次。最好将它作为一个单独的函数，在表加载任何新行之后立即调用它。

正如@Prakash Thete指出的那样，使用.on（'click'）而不是click应该将效果添加到动态添加的元素中，即使调用一次也是如此。

Answer 2

请尝试使用表格行点击处理程序，如下所示：

$('body').on('click', '.clickable tbody tr', function () {

正如@Michael指出的那样，总是尝试使用单独的事件处理函数，因为它易于维护和修改。