數據表 - 阿賈克斯源數據

Question

我有一個表，並與阿賈克斯充滿它

表

<table id="tabla_productos"> </table> 

阿賈克斯源數據

var tabla_productos = $('#tabla_productos').DataTable({ 
"responsive" : "true", 
"ajax": { 
    "url": "/funciones/getProductos.php", 
    "dataSrc": "" 
}, 
"columns": [ 
    { "data": "id" }, 
    { "data": "add_cart" } 
] 
}}); 

AJAX DATA

{"id":"2", 
"add_cart":"<form class=\"form-item\"><input type=\"hidden\" value=\"1\" name=\"product_qty\"><input type=\"hidden\" value=\"S10881\" name=\"product_code\"><button class=\"btn\" type=\"submit\">Add to Cart<\/button><\/form>" } 

jQuery的形式提交：

$(".form-item").submit(function(e){ 
    alert('ok');   
    e.preventDefault(); 
}); 

HTML輸出：從阿賈克斯創建形式

<form class="form-item"><input type="hidden" name="product_qty" value="1"><input type="hidden" name="product_code" value="S10881"><button type="submit" class="btn">Add to Cart</button></form> 

相同的形式創建依據HTML：

<form class="form-item"><input type="hidden" name="product_qty" value="1"><input type="hidden" name="product_code" value="S10881"><button type="submit" class="btn">Add to Cart</button></form> 

• 當我提交表單從html創建它工作正常。
• 如果我提交從Ajax創建的表單不起作用。

• 如果我等待該表填滿了數據，它的工作原理：

  的setTimeout（函數（）{ $（）提交（函數（E）{ 警報（「OK 」的形式項目。「 '）;
  e.preventDefault（）; }）; }，10000）;

Answer 1

我補充說： 「initComplete」 與表單提交功能，數據表

var tabla_productos = $('#tabla_productos').DataTable({ 
"responsive" : "true", 
"ajax": { 
    "url": "/funciones/getProductos.php", 
    "dataSrc": "" 
}, 
"columns": [ 
    { "data": "id" }, 
    { "data": "add_cart" } 
], 
"initComplete": function(settings, json) { 
    $(".form-item").submit(function(e){ 
    alert('ok');   
    e.preventDefault(); 
    }); 
} 
     }});