jquery tablesorter + Jquery timepicker + Ajax调用使我在[

Question

此处复制https://jsfiddle.net/a1fogpbm/我在工作时生成数据，并试图在每次更改时间时更新表。一旦添加了datetimepicker，更改日期后就会得到重复，但是当我单击时，ajax调用将再次刷新并摆脱重复。

$('.btn').click(function() {
$(".data").remove();
$('.text').text('loading . . .');
$.ajax({

type:"GET",
url:"https://api.meetup.com/2/cities",
success: function(data) {

  //$('.text').text(JSON.stringify(result));

for (var i = 0; i < data.results.length; i++) {
  var this_city = data.results[i];

  $(".tbody").append(
    $("<tr/>",{"class": "data" } ).append(
      $("<td>").append(
        $("<div/>", {"class": "column-txt input duration", text: this_city.id})
      )
    ).append(
      $("<td>", {"class": "column-txt input status", text: this_city.city})

      ).append(
        $("<td>", {"class": "column-txt input status", text: this_city.state})

        ).append(
          $("<td>", {"class": "column-txt input status", text: "Dec-"+(this_city.ranking) +" 11:23:8"})

          )   

  );

}
$(".sortTable").trigger("update");},
dataType: 'jsonp',
  });

});

$(function() {
  $("#myTable").tablesorter();
  $('#from').datetimepicker();
  $("#from").on("change", function() {
  $('.btn').click();     });
});

非常感谢，如果有人能弄清楚的话

Answer 1

移动$（“。data”）。remove（）;行到ajax成功回调函数中解决了该问题。