Question

我很遗憾为什么这个基本的JQuery代码不起作用，我只想让这个文本在单击按钮时向右移动500px。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0   Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src = "jquery-2.0.1.js"></script>
<script>
$(document).ready(function(){
$('button').click(function(){
    $('div').animate({right:'500px'}, fast);
 });
});

</script>
</head>

<body>

<div style = "position: absolute; top: 100px;">
    Test Box
</div>
<button>click me</button>
</body>
</html>

Answer 1

部分中的

：$('div').animate({right:'500px'}, fast);必须快速："fast"
它对我有用！

Answer 2

就在这里，代码写成'fast'是var：

     $('div').animate({right:'500px'}, fast);

“speed”参数应该用引号括起来，如下所示：

     $('div').animate({right:'500px'}, 'fast');

应该这样做..

Answer 3

单词fast必须在引号中。或者以{毫秒为单位传递int值。

http://jsfiddle.net/Buwn9/

$('button').click(function(){
    $('div').animate({right:'500px'}, 'fast');
 });

Answer 4

$('div').animate({right:'500px'}, 'fast');

在这种情况下，效果应该是一个字符串，我们也可以在数字中给出如下

$('div').animate({right:'500px'}, 500);

JQuery动画无效。可能是错误的语法

4 个答案: