php - 切换添加到收藏夹/从收藏夹中删除 - 不工作

Question

您好，有一张心形图片，点击后应将其添加到收藏夹，再次点击时应将其从收藏夹中删除。添加/删除在页面刷新时都有效，但是如果添加一次然后尝试再次删除，然后再次添加则不起作用。

以下是html/php

<a href="#"><img class="<?php if($favorite == 1){ echo 'alreadyfavorite';} else { echo 'addtofavorite';} ?>" pid="<?php echo $propertyid; ?>" fpid="<?php while($data5=$select5->fetch()){echo $data5['favorite_properties_id'];} ?>" src="../images/system/addtofavorite.png"></a>

这是jquery

$('.addtofavorite').click(function() {
    event.preventDefault();
    var ins_id = $(this).attr('pid');
    var reference = this;

    $.ajax(
    {
        type: 'POST',
        url: '../controllers/favoritesaddremove.php',
        data: 

        {
            ins_id: ins_id
        },
        success: function(data)
        {
        $(reference).removeClass('addtofavorite').addClass('alreadyfavorite');  
        }
    });
});


$('.alreadyfavorite').click(function() {
    event.preventDefault();
    var del_id = $(this).attr('fpid');
    var reference = this;

    $.ajax(
    {
        type: 'POST',
        url: '../controllers/favoritesaddremove.php',
        data: 

        {
            del_id: del_id
        },
        success: function(data)
        {
        $(reference).removeClass('alreadyfavorite').addClass('addtofavorite');  
        }
    });
});

也有人可以告诉我如何在 stackoverflow 上发帖时包装代码，好像我的 html/php 代码显示水平滚动...

Answer 1

您可以尝试使用 jquery 切换类。

$(element).toggleClass("c1 c2");

也可以使用与选择器相同的类。

$(".c1, .c2").toggleClass("c1 c2");