查询animate()不起作用
Query animate() doesnt working
我有以下代码:
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做动画,但它在InternetExplorer中有缺陷
以下是原始效果:http://codepen.io/anon/pen/iwatp
为什么第一个链接中的完整功能不起作用?
编辑:此代码可以工作,但在IE上仍然不能正常工作
您似乎在混合.animate
函数的两个不同签名。如果您将持续时间和放松直接作为参数传递,则必须对回调函数执行同样的操作:
$('.toggle').animate({left: "18px"}, 10, "linear", function(){
$('#label').text("ON");
});
或者你必须传递两个对象:
$('.toggle').animate(
{
left:"18px"
},
{
duration: 10,
easing: "linear",
complete: function(){
$('#label').text("ON");
}
}
);
现在它可以工作了。请查看jsfiddle链接http://jsfiddle.net/banded_krait/da2kE/
我从你的代码中删除了一些括号和complete:
数组键,希望这对你有用。
相关文章:
- $animate addClass在angular 1.3中不起作用
- jQuery Animate 在创建图库滑块时不起作用
- css animate fadeIn'对我来说不起作用
- Javascript/JQuery .animate() 不起作用
- $animate.removeClass 在没有 $evalAsync inside 指令的情况下不起作用
- jQueryUI animate(color) 不起作用
- $(“html”).animate 不起作用
- JS .animate() 在 Firefox/IE 中不起作用
- css JQuery animate 不起作用
- Jquery ui animate 函数不起作用
- jQuery animate:scrolltop 在 Firefox 或 Web Explorer 中不起作用
- jQuery animate() 在 Chrome 中不起作用
- jquery Animate 在 IE9 及更早版本中不起作用
- remove() 方法在 animate() 中不起作用
- jQuery animate() pulse() 不起作用
- JQuery animate获胜'不起作用
- Jquery.animate 100%高度不起作用
- 当从外部方法调用时,RaphaelJS的animate不起作用
- Jquery .animate()用于左右滚动在Firefox中不起作用,但在Chrome中很好
- jQuery animate根本不起作用