0

最近javascript+jqueryを学習していますが、jqueryをhtmlにインポートしようとすると問題が発生します。

以下のコードをインターネットから取得しましたが、次の行を変更しようとしています 

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'></script>

に

<script type='text/javascript' src='jquery.js'></script>

それは機能せず、スクリプトは実行されません。

ファイル「jquery.js」はhtmlファイルと同じフォルダーであり、jquery.jsはhttp://jquery.com/download/からダウンロードされていると確信しています（ファイル名を「jquery.js」に変更しました）元の長い名前ではなく）

どんな間違いを犯したのでしょうか？

HTMLコード：

<!DOCTYPE html>
<html>
<head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'></script>
<script> 
$(document).ready(function(){
  $("button").click(function(){
    $("div").animate({left:'250px'});
  });
});
</script> 
</head>

<body>
<button>Start Animation</button>
<p>By default, all HTML elements have a static position, and cannot be moved. To manipulate the position, remember to first set the CSS position property of the element to relative, fixed, or absolute!</p>
<div style="background:#98bf21;height:100px;width:100px;position:absolute;">
</div>

</body>
</html>
4

1 に答える 1

1

これは私にとってクロームでうまく機能します：

<!DOCTYPE html>
<html>
<head>
<script src='jquery.js'></script>
<script> 
$(document).ready(function(){
  $("button").click(function(){
    $("div").animate({left:'250px'});
  });
});
</script> 
</head>

<body>
<button>Start Animation</button>
<p>By default, all HTML elements have a static position, and cannot be moved. To manipulate the position, remember to first set the CSS position property of the element to relative, fixed, or absolute!</p>
<div style="background:#98bf21;height:100px;width:100px;position:absolute;">
</div>

</body>
</html>

このバージョンのJqueryのローカルコピーを使用するhttp://code.jquery.com/jquery-1.8.2.min.js

于 2012-10-09T09:13:23.310 に答える