0

特定の会話 (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 の成功時にトグルを実行する方法はありますか? および/またはこれを行う他のどの方法がよりうまく機能しますか?

ありがとうございました!

4

1 に答える 1