jQuery 模糊功能在 jQuery 数据表分页后停止工作

Question

我有一个简单的功能，可以更新数据库，在您越过 jquery 数据 table 的第 1 页之前，它可以正常工作。分页本身没有 "break" 它，因为你可以来回移动，它只会在第 1 页上工作。作为一个简单的例子，我可以在第 1 页上使用它（它有效），我点击到第 2 页（它在任何行上都不起作用）我单击返回第 1 页（它再次起作用），所有这些都没有刷新页面。

<script type="text/javascript">

$(function(){
    //acknowledgement message
    var message_status = $("#status");

    $("span[contenteditable=true]").blur(function(){
    var field_userid = $(this).attr("id") ;
    var value = $(this).text() ;
    $.post('processing/inline-edit' , field_userid + "=" + value, function(data){
        if(data != '')
        {
            message_status.show();
            message_status.text(data);
            //hide the message
            setTimeout(function(){message_status.hide()},6000);
        }
    });
});

});

</script>

这基本上是 table 的样子：

<table cellpadding="0" cellspacing="0" border="0" class="display table table-bordered table-striped" id="dynamic-table">
              <thead>
                <tr>
                  <th>ID</th>
                  <th>Element</th>
                </tr>
              </thead>
              <tbody>

//php while loop here
<tr>
  <td><span id="element:'.$row['id'].'" contenteditable="true">....</span></td>
</tr>

.....

Answer 1

尝试使用 .on() 以便通过 ajax 加载的所有匹配元素都将绑定到事件。

$("body").on("blur", "span[contenteditable=true]", function() {

jQuery 模糊功能在 jQuery 数据表分页后停止工作

jQuery function on blur stops working after jQuery datatables pagination

jquery

ajax

jquery-plugins

pagination

jquery-datatables