Datables通过ajax创建列标题

如何从ajax文件创建标题标题？我尽我所能像这些Datables通过ajax创建列标题

$('#btntrack').on('click', function() { 
      var KPNo = $('#KPNo').val(); 
      var dataString = 'KPNo='+ $('#KPNo').val(); 
      //console.log(dataString); 
      $.ajax({ 
       type: "GET", 
       url: host+"ajax/tracking/kp", 
       data: dataString, 
       dataType: 'json',  
       "success": function(json) { 
        var tableHeaders; 
        $.each(json.data[0], function(i, val){ 
         tableHeaders += "<th>" + val + "</th>"; 
        }); 

        $("#tableDiv").empty(); 
        $("#tableDiv").append('<table id="tbltrackkp" class="dataTable table table-bordered table-hover table-full-width" cellspacing="0" data-table="kp" width="100%"><thead><tr>' + tableHeaders + '</tr></thead></table>');

井沃金，但是当我添加这些代码

$('#tbltrackkp').find('tbody').on('click', 'td.details-control', function() { 
         var code = $(this).find('a').attr('id-kp'); 
         var modal = $('.bs-modal-lg'); 
         var modalData = jQuery.parseJSON(ajaxPOST(code,'ajax/actionkp',null,true)); 

         modal.find('.modal-title').html(modalData.title); 
         modal.find('.modal-body').html(modalData.body); 
         modal.find('.modal-footer').html(modalData.footer); 

         modal.modal('show'); 
        });

不工作，我需要显示在每个TD TBODY模式，但没有发生的事情，即使在网络（inpsect元素）中，也没有获得链接操作。我如何起诉？

U没有看到我的问题！我正在使用数据和这个问题不使用数据表，是不雅的老兄！

更新现在的工作，我对标签编辑每个TD我是添加ID =“trackingaction”，以及jQuery的我是在tbltrackkp变化jQuery函数为$(document).on('click', '#trackingaction', function()

Tq的用于Oluwafemi白塔

来源

2017-06-02 Wolfzmus

的可能的复制[使用jQuery动态创建绑定事件要素]：// stackoverflow.com/questions/43587213/binding-event-to-dynamically-created-elements-using-jquery） – Curiousdev

@Curiousdev，不，不是，我只是在表上使用，ID形式td是不同的。所以它不会重复。 – Wolfzmus

“on tag td i'm add id =”'trackingaction'“听起来不太合适.Ids必须是唯一的。你确定它工作吗？ –

由于#tbltrackkp被动态插入到文档中，所以$('#tbltrackkp').find('tbody').on('click', '...不会注册，因为它在运行时不存在。

您可以将听众设置到身体，只调用处理程序时，它传播到您的选择是这样的：

（HTTPS

$('body').on('click', '#tbltrackkp tbody td.details-control', function() { ... }

来源

2017-06-02 06:51:29

嗯，我添加了代码，但似乎没有发生，做我需要在按钮或外部使用这些代码吗？ – Wolfzmus

它应该在_document dot ready_回调里面。 –

不是太适合，但是对你来说，我更改代码insd td on 我使用id =“trackaction “，并在jquery上我使用$（document）.on（'click'，'#trackingaction'，function（）{，并且完美地工作:) – Wolfzmus

Datables通过ajax创建列标题

回答

相关问题