php - 对带有输出的 php 文件的重复 jQuery POST ajax 调用仅有效一次

Question

所以我有一些链接，它们的值存储在 jQuery 中，然后用作它调用的 PHP 文件的变量。在那个 PHP 文件中，它输出相同的确切链接，因此该过程可以在不刷新页面的情况下继续。但是，第二次单击链接不会产生对 php 文件的 jQuery POST ajax 调用。

这是我的 jQuery 代码

jQuery('.wantedStatus').on('click', function(event)
{
    var anime_id = <?php echo $anime_id; ?>;
    var anime_list_entry_id = <?php echo $anime_list_entry_id; ?>;
    var wantedStatus = jQuery(this).tex   
    jQuery.post("/path/to/php/file/updateStatus_animelist.php", {firstParam : anime_id, secondParam : anime_list_entry_id, thirdParam : wantedStatus}, function(data) {
         //this is your response data from serv
         console.log(data);
         jQuery('#anime_list_update').html(data);
    });
    return false;
});

激活此功能的链接。

<a href="javascript:void(0);" class="wantedStatus">Watching</a>
<a href="javascript:void(0);" class="wantedStatus">Plan to watch</a>
<a href="javascript:void(0);" class="wantedStatus">On hold</a>
<a href="javascript:void(0);" class="wantedStatus">Dropped</a>

现在这些确切的链接是从输出的updateStatus_animelist.php，所以当它们再次被点击时，它们就不起作用了。

Answer 1

因为元素在每次调用时都会被替换，所以您希望click在父级或document.

请试试：

jQuery(document).on('click', '.wantedStatus', function(event) {
  ...
});