Javascript jQuery Datatable中的数据表无法用于服务器端处理_Javascript_Jquery_Express_Jquery Datatables_Jeditable

Javascript jQuery Datatable中的数据表无法用于服务器端处理

javascript jquery express

Javascript jQuery Datatable中的数据表无法用于服务器端处理,javascript,jquery,express,jquery-datatables,jeditable,Javascript,Jquery,Express,Jquery Datatables,Jeditable,我正在创建Node.js应用程序并使用jQuery数据表。我希望我的表字段是可编辑的，因此也使用相同的表 script.js $(document).ready(function(){ $("#example").dataTable({ "bProcessing": true, "bServerSide": true, "sAjaxSource": "/my_ajax_url_here", "sScrollX": "100%

我正在创建Node.js应用程序并使用jQuery数据表。我希望我的表字段是可编辑的，因此也使用相同的表

script.js

$(document).ready(function(){
    $("#example").dataTable({
        "bProcessing": true,
        "bServerSide": true,
        "sAjaxSource": "/my_ajax_url_here",
        "sScrollX": "100%",
        "bScrollCollapse": true,
        "sScrollY":"100%"
    });

    $('.edit').editable('/ajax_url'); //These are static elements on page and are editable as expected
    $('td').editable('/ajax_url'); //These elements are not in source but rendered on page
});

这里，我的表是使用数据表服务器端处理动态生成的。所有选项都不可编辑。但是带有.edit类的div是可编辑的，它是静态html文件的一部分。我做错了什么

我的html文件源

<!DOCTYPE html>
<html lang="en">
   <head>
      <title>Home</title>
      <link rel="stylesheet" href="/stylesheets/style.css">
      <link rel="stylesheet" href="/stylesheets/data_table_bk.css">
      <script type="text/javascript" src="/js/jquery.js"></script><script type="text/javascript" src="/js/jquery_datatable.js"></script><script type="text/javascript" src="/js/jquery_jeditable.js"></script>
   </head>
   <body>
      <header>
         <h1>Data Table</h1>
      </header>
      <div class="container">
         <div class="main-content">
            <table id="example">
               <thead>
                  <tr>
                     <th>Name</th>
                     <th>Field1</th>
                     <th>Field2</th>
                  </tr>
               </thead>
               <tbody></tbody>
            </table>
         </div>
      </div>
      <div class="edit">This is editable</div>
      <script type="text/javascript" src="/js/script.js"></script>
   </body>
</html>


家
数据表
名称
字段1
字段2
这是可编辑的

我没有看到源代码中呈现的任何数据，即显示时页面中有多行数据，但它们不在页面的HTML源代码中。这与未附加可编辑事件有关吗？

显然，由于元素动态加载，表无法将其事件附加到元素。通过在ajax上使用回调完成jQuery数据表修复了此问题

"fnDrawCallback" : function() {
        $('td').editable('/ajax_url_here');
}

显然，由于元素动态加载，表无法将其事件附加到元素。通过在ajax上使用回调完成jQuery数据表修复了此问题

"fnDrawCallback" : function() {
        $('td').editable('/ajax_url_here');
}

显然，由于元素动态加载，表无法将其事件附加到元素。通过在ajax上使用回调完成jQuery数据表修复了此问题

"fnDrawCallback" : function() {
        $('td').editable('/ajax_url_here');
}

显然，由于元素动态加载，表无法将其事件附加到元素。通过在ajax上使用回调完成jQuery数据表修复了此问题

"fnDrawCallback" : function() {
        $('td').editable('/ajax_url_here');
}