特定の会話 (Gmail など) にスターを付けたりスターを外したりできるようにしたいと考えています。「空の」スターをクリックして何かを重要としてマークするには、ajax を送信してから、スターの画像に切り替える必要があります。逆に、スター付きの会話をクリックすると、ajax が送信され、成功すると「空の」スターが元に戻る必要があります。
いくつかの HTML (一言で言えば):
<div class='__conversation'>
<div class='__conversation_star'>
<img class='__star_n' src='p_star_n.png'/>
<img class='__star_y' src='p_star_y.png'/>
</div>
</div>
そして、基本と同様の機能を持つもの:
$(".__conversation_star").click(function() {
$(this).find('img').toggle();
});
いくつかの ajax:
$(".__conversation_star").click(function() {
jQuery.ajax({
type: 'POST',
url: "./process.conversation.php,
data: {method: 'star'},
cache: true,
success: function() {
// Toggle to un-starred .__star_n
}
});
});
$(".__conversation_star").click(function() {
jQuery.ajax({
type: 'POST',
url: "./process.conversation.php",
data: {method: 'star'},
cache: true,
success: function() {
// Toggle to starred .__star_n
}
});
});
ajax の成功時にトグルを実行する方法はありますか? および/またはこれを行う他のどの方法がよりうまく機能しますか?
ありがとうございました!