切换添加到collections夹/从collections夹中删除 – 不工作
嗨有一个心脏图像,应该在点击时添加到collections夹,然后再次点击时从collections夹中删除。 页面刷新时,“添加/删除”都正常工作,但如果添加后再尝试删除,则再次添加无法正常工作。
以下是html / php
<img class="" pid="" fpid="fetch()){echo $data5['favorite_properties_id'];} ?>" src="../images/system/addtofavorite.png">
这是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代码显示水平滚动…
你可以尝试使用jquery切换类。
$(element).toggleClass("c1 c2");
也可以使用相同的类作为选择器。
$(".c1, .c2").toggleClass("c1 c2");