const mfl = divTag.find('.message__favorite-link');
mfl.on(
'click',
{
messageId,
message,
},
toggleFavorite,
);
// TODO: お気に入りONのとき、お気に入りリンクのアイコンを 塗りつぶしあり(fa-star) に設定する
if (dbdata.favorites && dbdata.favorites[messageId]) {
$(#${messageId}
).find('i').removeClass('fa-star-o');
$(#${messageId}
).find('i').addClass('fa-star');
}
return divTag;
};
// TODO: 該当するデータをdbdata.favoritesから削除する
delete dbdata.favorites[messageId];
console.log('削除しました。'); // お気に入り一覧モーダルから該当のお気に入り情報を削除する $(`#favorite-message-id-${messageId}`).remove(); // TODO: お気に入りリンクのアイコンを、塗りつぶしなし(fa-star-o) に変更する $(`#${messageId}`).find("i").removeClass('fa-star'); $(`#${messageId}`).find("i").addClass('fa-star-o');
});
// TODO: dbdata.favoritesに登録する
dbdata.favorites[messageId] = favorite;
console.log(dbdata.favorites);
// お気に入り一覧モーダルを更新する
addFavoriteMessage(messageId, favorite.message);
// TODO: お気に入りリンクのアイコンを、塗りつぶしあり(fa-star) に変更する $(`#${messageId}`).find("i").removeClass('fa-star-o'); $(`#${messageId}`).find("i").addClass('fa-star');
});
};
お気に入りリンクのアイコンを、塗りつぶしありとなしに変更する実装ができません。
現在はこのように実装しています。よろしくお願いします。
あなたの回答
tips
プレビュー