ユーザーが記事をお気に入りまたはお気に入りから外すのに役立つボタンを開発する必要があります。ユーザーがボタンをクリックすると、ボタンまたは背景の色がオレンジ色に変わる必要があり、記事のお気に入りを外すと、ボタンの色が消える必要があります。
Jquery での現在の実装は次のとおりですが、一度しか機能しません。バインディングは 2 回目は処理されません。
要素が 2 回目に作成されたときにバインディングを再度処理する必要があると思いますが、どこで処理すればよいか正確にはわかりません。
$('.colorStar').bind('click', function() {
var id = $(this).parent().parent().parent().parent().attr('id');
var removeElement = $(this).parent();
$(removeElement).empty();
$("<button data-action='show-contribute-how-to' class='btn colorStarred show'><i class='icon-star'></i></button>")
.click(function (){
var id = $(this).parent().parent().parent().parent().attr('id');
var removeElement = $(this).parent();
$(removeElement).empty();
$(removeElement).append("<button data-action='show-contribute-how-to' class='btn colorStar show'><i class='icon-star'></i></button>");
}).appendTo(removeElement);
$.ajax({
type : "POST",
url : "starNote",
data : {
id : id
}
});
});
HTML
<a class="star"><button class="btn colorStar hide" data-action="show-contribute-how-to"><i class="icon-star"></i></button></a>