根据按钮值设置jQuery动画速度

时间:2014-07-24 21:47:18

标签: jquery jquery-animate

我正在努力使用jQuery,似乎无法通过网络搜索找到任何解决方案,也无法通过自己进行实验。

我需要根据单选按钮的值更改动画的速度,但我的代码不起作用。我甚至试图在检查一个单选按钮然后将其值作为速度后重新加载页面,但没有。 我有点失落。

这是我尝试做的fiddle

提前致谢。

2 个答案:

答案 0 :(得分:2)

你使用常数值1400作为持续时间......这实际上是速度,因为它是从开始到结束所需的时间。

编辑:

既然您正在尝试'速度'作为持续时间,请记住从径向获取值会返回一个字符串。您需要先将其转换为带有parseInt(速度)的数字,然后才能将其用作动画持续时间。

JSFiddle

答案 1 :(得分:0)

speed的值是一个字符串。我使用parseInt()将其更改为int

$('.box').click(function(){
    var speed = $("input:radio[name ='speed']:checked").val();
    $(this).animate({left: "+=300" }, parseInt(speed));
});