如何在jQuery中的两个函数之间切换？

Question

我不明白我的代码出了什么问题？我想在点击时在jQuery中切换两个函数。谢谢

$(".col-md-3").toggle(
     function() 
      $(this).animate({ 
      left: "-5px", 
      top:"-5px" 
      }, 100);, 
     function() 
      $(this).animate({ 
      left: "5px", 
    top:"5px" 
    }, 100); 
); 

Answer 1

您的代码似乎格式不正确例如没有开合支撑等。

你可以试试这段代码吗？

$(".col-md-3").toggle(
    function() { 
     $(this).animate({ 
      left: "-5px", 
      top: "-5px" 
     }, 100); 
    }, 
    function() { 
     $(this).animate({ 
      left: "5px", 
      top: "5px" 
     }, 100); 
    } 
); 

Answer 2

你的函数体需要在{和}，喜欢它是一条线if声明，如果这是你在想什么它是不可选的。

$(".col-md-3").toggle(
    function(){ 
    $(this).animate({ left: "-5px", top:"-5px" }, 100); 
    }, 
    function(){ 
    $(this).animate({ left: "5px", top:"5px" }, 100); 
    } 
); 

Answer 3

感谢您指出:)这是一个愚蠢的错误...... 一旦我尝试了，我意识到这不正是我想要的。我最初希望物体在“点击”时进行动画制作，并在再次“点击”时动画回到原始状态。

如果我开始：

$（ 'COL-MD-3 '）上（' 点击'，boxMove）;

功能boxMove（）{

$(this).animate({ 
    left: "-5px", 
    top:"-5px" 
}, 100); 

};

它只动画一种方式。我如何添加函数，如果（this）已经有动画，它应该左移“5px”和顶部“5px”以返回到原始（未动画）状态？

非常感谢你提前！