如何「循環」返回到某個功能jQuery中

Question

我想了解如何運行功能，然後運行第二功能 ...然後回到原來的功能。 （循環？）

正如你可以在我的小提琴，請參閱：...我試圖讓那傢伙就點擊，右走點擊一次他走回到原來的位置時。 當點擊第三次，我希望他能繼續模式 ....（例如右，左，右，左......）

這是一個點，然後單擊遊戲，我的工作上（學習jquery/javascript的目標[動機]）。

我感謝您的幫助和耐心。對不起，我的n00b代碼...

$(document).ready(function() { 
    $(".img").one("click", function() { 
     $(".img").attr('src', "http://www.kolbaba.com/uploads/jsfiddle/tempImgs/walking.gif"); 
     $(".img").animate({ 
      "left": "+=300px" 
     }, 1000, function() { 
      $(".img").attr('src', "http://www.kolbaba.com/uploads/jsfiddle/tempImgs/standing.gif"); 
      $(".img").click(function() { 
       $(".img").attr('src', "http://www.kolbaba.com/uploads/jsfiddle/tempImgs/walkingLeft.gif"); 
       $(".img").animate({ 
        "left": "-=300px" 
       }, 1000, function() { 
        $(".img").attr('src', "http://www.kolbaba.com/uploads/jsfiddle/tempImgs/standing.gif"); 
        event.preventDefault(); 
       }); 
      }); 
     }); 
    }); 
}); 

Answer 1

使用.toggle()，

所以，你的代碼看起來就像這樣，

$(".img").toggle(function(){ 

    //Code to go right 

}, function(){ 

    //Code to go left 

}); 

閱讀.toggle()

Answer 2

切換是好的，它我也做了一個簡單的demo。

但是我發現了另一個不想使用toggle的解決方案。我知道它耗時一個w.r.t來使用toogle，但我想在這裏分享它。

$(document).ready(function(){ 
var count=1 
    $(".img").click("click", function(){ 

    count=count+1; 
if(count%2==0) 
{ 

$(".img").attr('src',"http://www.kolbaba.com/uploads/jsfiddle/tempImgs/walking.gif"); 
    $(".img").animate({"left": "+=300px"}, 1000, function() { 



     $(".img").attr('src',"http://www.kolbaba.com/uploads/jsfiddle/tempImgs/standing.gif"); 
    }); 
} 
else 
{ 

$(".img").attr('src',"http://www.kolbaba.com/uploads/jsfiddle/tempImgs/walkingLeft.gif"); 
       $(".img").animate({"left": "-=300px"}, 1000, function() { 
      $(".img").attr('src',"http://www.kolbaba.com/uploads/jsfiddle/tempImgs/standing.gif"); 
       }); 
} 


    }); 

}）;