jQuery FadeOut（）在Ajax中不起作用

Question

我有一个.php文件，该文件使一个表充满了数据库中找到的项目。 这是填充表的while循环：

while($request = $list->fetch(PDO::FETCH_ASSOC)) {
  if(!in_array(array($request['artist'], $request['title']), $arrayList)) {
    echo "<tr id='remove-" . $count . "'>";
    echo "<td class='". $count . "'>" . $count . "</td>";
    echo "<td class='artist'>" . $request['artist'] . "</td>";
    echo "<td class='title'>" . $request['title'] . "</td>";
    echo "<td>" . ShowTime($request['time_created']) . "</td>";
    echo "<td><button type='button' class='btn btn-success played'><span class='ion-play' aria-hidden='true'></span></button></td>";
    echo "<td><button type='button' class='btn btn-danger deletesong'><span class='ion-trash-a' aria-hidden='true'></span></button></td>";
    echo "</tr>";

    $count++;

    $arrayList[$request['id']] = [$request['artist'], $request['title']];
  }
}

当某人单击“ .played”按钮之一时，将发送ajax“ POST”请求以将数据库中的参数设置为1。这是由其他脚本处理的，因为该参数已设置，因此脚本可以正常工作当我单击按钮时。 这是处理单击按钮的jQuery文件：

$('button.played').click(function() {
  var number = $(this).closest( "tr" ).children( ".count" ).html();
  var artist = $(this).closest( "tr" ).children( ".artist" ).html();
  var title = $(this).closest( "tr" ).children( ".title" ).html(); 
  var data = "artist=" + artist + "&title=" + title;
  var trid = "remove-" + number;
  var $parent_tr = $('#'+trid);

  $.ajax({
    type: "POST",
    url: "/assets/scripts/php/played_request.php",
    data: data,
    cache: false,

    success: function() {
      $parent_tr.fadeOut( 1000, function() {
        $(this).remove();
      });
    }
  });
});

问题是，即使AJAX处理成功（调用成功块），但fadeOut功能仍未响应，因为没有任何东西淡出。 我找不到问题，该功能可在控制台中使用。

jQuery(parent_tr).fadeOut( 1000, function() {
  $(this).remove();
});

有人可以告诉我我在做什么错吗？

Answer 1

更改您的代码，例如：

var $parent_tr = $(this).closest( "tr" );

因为我在您的HTML中看不到任何类像count这样的元素。

Answer 2

有两种可能性：

1. tr缺少计数类
2. 第二次将.html()更改为.text()

请尝试将.html()更改为.text()然后重试：-

    $('button.played').click(function() {
      var number = $(this).closest( "tr" ).children( ".count" ).text();
      var artist = $(this).closest( "tr" ).children( ".artist" ).text();
      var title = $(this).closest( "tr" ).children( ".title" ).text(); 
      var data = "artist=" + artist + "&title=" + title;
      var trid = "remove-" + number;
      var $parent_tr = $('#'+trid);

      $.ajax({
        type: "POST",
        url: "/assets/scripts/php/played_request.php",
        data: data,
        cache: false,

        success: function() {
          $parent_tr.fadeOut( 1000, function() {
            $(this).remove();
        });
      }
    });