javascript - Jquery animate() 不工作

Question

我有以下代码:

var isOn = false;

$('.switch').on("click",function(){

  if (isOn){


    $('.toggle').animate({
      left:"18px"
    },10,"linear",

     {
      complete: function(){
        $('#label').text("ON");
      }
    });
    isOn = false;



  } else {
    $('.toggle').animate({
      left:"4px"
    }, 10,"linear",
                         {
      complete: function(){
        $('#label').text("OFF");
      }
    });
    isOn = true;
  }

});

http://codepen.io/pietrofxq/pen/LpzDE?editors=001

它是用 jquery 制作的开/关开关。它在没有 animate() 方法的情况下工作。
我用 css 做动画，但它在 Internet Explorer 中有问题。
这是原始效果:http://codepen.io/anon/pen/iwatp

为什么第一个链接中的完整功能不起作用？

编辑:这段代码可以工作，但在 IE 上仍然不能正常工作

Answer 1

你好像在混the two different signatures .animate 函数。如果您直接将持续时间和缓 Action 为参数传递，则必须对回调函数执行相同的操作:

$('.toggle').animate({left: "18px"}, 10, "linear", function(){
  $('#label').text("ON");
});

或者你必须传递两个对象:

$('.toggle').animate(
  {
     left:"18px"
  },
  {
    duration: 10,
    easing: "linear",
    complete: function(){
      $('#label').text("ON");
    }
  }
);