如果我在页面之间移动，Jquery 数据表行事件会卡住

Jquery Data Table row event getting stuck if i move between the Pages

本文关键字：数据表 事件 Jquery 移动 之间 如果      更新时间：2023-09-26

我有一个Jquery数据表，每一行都有"更多"链接，点击时会显示全文。它在每个页面上都有效，除非当我单击一行并转到下一页并再次返回时，它什么也不做（卡住）。但是，如果我尝试移动到任何其他下一页并返回，它将开始工作。它在调试模式下也能正常工作。

这是代码示例：- 

  $(table).bind( 'draw', clickMore); 
function clickMore (moretext,lesstext) {
    $('#notesTable tbody tr td').on('click', '.morelink', function(){
            if ($(this).hasClass("less")) {
                $(this).removeClass("less");
                $(this).html("more");
            } else if($(this).hasClass("more")){
                $(this).addClass("less");
                $(this).html("less");
            } else if($(this).hasClass("morelink")){
                $(this).addClass("less");
                $(this).html("less");
                }
                $(this).parent().prev().toggle();
                $(this).prev().toggle();
            return false;
        });  
    }

任何帮助都会很棒。

附加单击事件处理程序，如下所示：

$('#notesTable tbody').on('click', '.morelink', function(){
});

您可以将事件处理程序直接附加到td元素，但使用 jQuery DataTables 时，DOM 中仅存在当前（第一个）页面元素。

相关文章：