Jquery 运行功能成功

Question

我有ajax代码和函数drawVisualisation();

当我加载页面时，我有代码：

$(document).ready(function() {
    drawVisualization();
});

并且代码运行良好，但是当我在成功函数上调用 ajax 时，我也调用了函数：

success: function(data) {
    $('#myModal').modal('hide');
    drawVisualization();
    console.log('SUCCESS'); 
    $('#addFieldForm').each (function(){
        this.reset();
    });

但是这次调用了函数但是我的#examplediv不想刷新

如何在我调用第二次函数 drawVisualisation(); 时刷新 #example？

函数：

function drawVisualization() {
   $('#example').dataTable({
       "ajax": "getN.php",
       paging: false,
       //"dom":' <"search"f><"top"l>rt<"bottom"ip><"clear">',
       "fnFooterCallback": function (nRow, aasData, iStart, iEnd, aiDisplay) {
           var columnas = [2, 3, 4]; //the columns you wish to add            
           for (var j in columnas) {
               var columnaActual = columnas[j];
               var total = 0;
               for (var i = iStart; i < iEnd; i++) {
                   total = total + parseFloat(aasData[aiDisplay[i]][columnaActual]);
               }
               $($(nRow).children().get(columnaActual-1)).html(total);
           }
       }, // end ,
       "columns": 
       [
           {"data": "ID"},
           {"data": "naziv"},
           {"data": "ha"},
           {"data": "ar"},
           {"data": "m2"},
           {"data": "lokacija"},
           {"data": "osnov"},
           {"data": "kat_kul"},
           {"data": "akcija"}
       ],
       "columnDefs": 
       [
           {
               "targets": 8,
               "data": "akcija",
               "render": function(data, type, full, meta) {
                   // return data; 
                   return '<div style="float:right;"><button class="btn btn-warning">Izmeni</button> <button class="btn btn-info">Izvestaj o parceli</button> <i class="fa fa-times"></i></div>';
               }
           },
           {"targets": 0, "visible":false}
       ]
   });
};

Answer 1

您可以试试这个来强制刷新您的元素。我有时会使用它，只要您遇到 webkit 问题，它就可以工作，但我想如果您只是删除“-webkit-”

，它也应该适用于其他浏览器

element.style.webkitTransform = 'scale(1)';

Answer 2

您需要先 destroy 元素上的数据表，然后您可以再次为该元素初始化数据表：

success: function(data) {
    $('#myModal').modal('hide');
    // destroy old:
    $('#example').dataTable().fnDestroy();
    drawVisualization();
    console.log('SUCCESS'); 
    $('#addFieldForm').reset();
}

Jquery 运行功能成功

Jquery run function on success

html

javascript

ajax

jquery

datatables

Jquery 运行 功能成功

Jquery run function on success

html

javascript

ajax

jquery

datatables

Jquery 运行功能成功