0

これは私のコードです:

<html>
<head>
<script type="text/javascript" src="E:\Priya\Animation\Horse Animation\js\jquery-1.4.2.min.js"></script> 
<script>
$(document).ready(function(){ 
alert('welcome');
$("#lion").animate({left: '250px'});
});

</script>
</head>
<body>
<div   id="lion" style="width:213px; height:295px; background:yellow;"></div>
</body>
</html>

コードのどこが間違っていたのかわかりません。アラートは機能していますが、アニメーションは機能していません。

4

3 に答える 3

6

position:absolute使用する場合は、要素を次のように設定する必要がありますleft。

<div id="lion" style="width:213px; height:295px; background:yellow;position:absolute;"></div>

http://jsfiddle.net/ds5pA/

于 2013-05-27T10:38:25.077 に答える
2

スクリプトの問題も権限の問題もありません

Position:absolute;あなたの親に追加div、つまりメインdiv

すべての要素のデフォルトの配置は ですPosition:static。これは、要素が配置されず、ドキュメント内の通常の場所に配置されることを意味します。

left,top,right,bottomポジショニングが機能するためposition:absolute、それがありません。

于 2013-05-27T10:41:56.420 に答える
1

<script src="http://code.jquery.com/jquery-1.10.0.min.js"></script> これの代わりに これを試してください <script type="text/javascript" src="E:\Priya\Animation\Horse Animation\js\jquery-1.4.2.min.js"></script>

jsファイルが機能していない可能性があります

于 2013-05-27T10:41:57.157 に答える