0

了解しました。構築しているサイトで、いくつかのアニメーションのJQueryを学習するだけで済みます。

私はJQueryサイトのチュートリアルを読んでいて、単純な斜めの動きのアニメーションを実装しようとしています。

私はまだJQueryに非常に慣れていませんが（今日から始めました）、私が理解しているすべてのことから、次のコードが機能するはずです。私はどのようなエラーを犯していますか？

<head>
<script type="text/javascript" src="JQuery.js">
</script>

<script>
$(document).ready(function(){
    $("#moveme").click(function(event){
    $("#moveme").animate({right: '+=50', bottom: '+=50'}, 1000);​​​​​​​​​​​​​​​ 
    });
});
</script>
</head>

<body>
<div id="moveme">
Move this text
</div>
</body>

編集：

cssから相対プロパティを追加し、括弧の問題を修正しましdocumentたが、まだ機能していません。

4

4 に答える 4

2

要素を正しく選択するために括弧を忘れたようです。

そのことについて何？

$(document).ready(function(){
    $("#moveme").click(function(event){
        $(this).animate({right: '+=50', bottom: '+=50'}, 1000);​​​​​​​​​​​​​​​ 
    });
});

編集：

また、jQueryスクリプトライブラリをインポートしていることを確認してください。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
于 2012-11-01T19:03:21.407 に答える
1

行の$（ドキュメント）を見逃しました

$ document.ready（function（）{

于 2012-11-01T19:03:09.830 に答える
1

また、jqueryアニメーション関数はid="moveme"のCSSを変更しています

私はあなたのCSSにあなたがこれを持っていることを確認します。

#id {
    position: relative;
}
于 2012-11-01T19:06:16.407 に答える
1

あなたは間違いなくこれを行うことができます：

$(document).ready(function(){
    $("#moveme").click(function(event){
      $(this).animate({'margin-left': '+=50', 'margin-top': '+=50'}, 1000); 
    });
});​

ここで動作するデモ（「こんにちは」と言っているdivをクリックするだけです）：http：//jsfiddle.net/px2jz/

于 2012-11-01T19:40:00.057 に答える