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

时间:2016-02-21 23:07:02

标签: javascript jquery html

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

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

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

2 个答案:

答案 0 :(得分:0)

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

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

答案 1 :(得分:0)

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

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

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