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");

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

1 个答案: