jQuery的问题？

Question

即时尝试将此jQuery脚本转换为切换事件类型，他们是我的脚本，插图，以显示我想要发生的事情。我CNT似乎所以这里intrgate有云：

//myElement.toggle(vote(), unvote()); // this is the toggle event 

    $(document).ready(function() { 
      $('.statuses').delegate('.vote_up', 'click', function(e) { 

       //stop event 
       e.preventDefault(); 
       //get the id 
       var the_id = $(this).closest('.message').attr('id').split('_').pop(); 

//function vote() // this should be the vote up function 
       //the main ajax request 
       $.ajax({ 
        context: this, 
        type: "POST", 
         // Make sure "this" in the callback refers to the element clicked 

        data: "action=vote_up&id=" + the_id, 
        url: "ajax/votes.php", 
        success: function (msg) { 

         $(this).siblings("span.vote_count").html(msg).fadeIn(); 
          // get the child <img> and set its src 
         $(this).children("img").attr("src", "img/uparrowActive.png"); 
        } 
       }); 

//function unvote() thier should be another function here to unvote toggle 

$.ajax({ 
        context: this, 
        type: "POST", 
         // Make sure "this" in the callback refers to the element clicked 

        data: "action=vote_down&id=" + the_id, 
        url: "ajax/votes.php", 
        success: function (msg) { 

         $(this).siblings("span.vote_count").html(msg).fadeIn(); 
          // get the child <img> and set its src 
         $(this).children("img").attr("src", "img/uparrow.png"); 
        } 
       }); 
      }); 

我只是不知道如何将这种触发事件融入这个jQuery的片段，有人请帮助我我一直都努力了多年:)）感谢

Answer 1

$('.statuses').delegate('.vote_up, .vote_down', 'click', function(e) { 
    var parent = $(this).closest('.statuses'), 
     vote = (($(this).hasClass("vote_up")) ? "up" : "down"); 

    if(parent.data("vote") == vote) { 
     return true; // If already voted up, do nothing, if already voted down, do nothing... 
    } 

    if(vote == "down") { // Vote down 
     src = "img/uparrow.png"; 
     action = "vote_down"; 
    } 
    else if(vote == "up") { // Vote up 
     src = "img/uparrowActive.png"; 
     action = "vote_up"; 
    } 

    // Setting current vote (up or down) 
    // So next time you toggle, we have the trace of the previous vote (up/down) 
    // And authorise only do the opposite 
    parent.data("vote", vote); 

      $.ajax({ 
       context: this, 
       type: "POST", 
        // Make sure "this" in the callback refers to the element clicked 

       data: "action=" + action + "&id=" + the_id, 
       url: "ajax/votes.php", 
       success: function (msg) { 

        $(this).siblings("span.vote_count").html(msg).fadeIn(); 
         // get the child <img> and set its src 
        $(this).children("img").attr("src", src); 
       } 
      }); 
}); 

Answer 2

做所以：

$('.statuses').delegate('.vote_up, .vote_down', 'click', function(e) { 
    if($(this).hasClass('.vote_up') { 
     src = "img/uparrowActive.png"; 
     action = "vote_up"; 
    } 
    else { 
     src = "img/uparrow.png"; 
     action = "vote_down"; 
    } 

      $.ajax({ 
       context: this, 
       type: "POST", 
        // Make sure "this" in the callback refers to the element clicked 

       data: "action=" + action + "&id=" + the_id, 
       url: "ajax/votes.php", 
       success: function (msg) { 

        $(this).siblings("span.vote_count").html(msg).fadeIn(); 
         // get the child <img> and set its src 
        $(this).children("img").attr("src", src); 
       } 
      }); 
});