Question

我有一个简单的函数来更新数据库，它完全正常，直到你经过jquery数据表的第1页。分页本身不会“破坏”它，因为你可以前后移动，它只适用于第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 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数据表分页后停止工作

1 个答案: