0

对于为什么这个基本的 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>
4

4 回答 4

4

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

于 2013-06-04T14:04:56.440 回答
4

在这里，代码写得就像'fast'是一个var：

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

“速度”参数应该用引号引起来，像这样：

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

应该这样做。。

于 2013-06-04T14:08:45.490 回答
2

这个词fast需要用引号引起来。或者以毫秒为单位传递int时间值。

http://jsfiddle.net/Buwn9/

$('button').click(function(){
    $('div').animate({right:'500px'}, 'fast');
 });
于 2013-06-04T14:04:56.003 回答
0 
$('div').animate({right:'500px'}, 'fast');

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

$('div').animate({right:'500px'}, 500);
于 2013-06-04T14:55:54.587 回答