-2

所以我有一些链接,它们的值存储在 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,所以当它们再次被点击时,它们就不起作用了。

4

1 回答 1

1

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

请试试:

jQuery(document).on('click', '.wantedStatus', function(event) {
  ...
});
于 2013-08-15T21:40:47.067 回答