2016-07-05 5 views
-3

簡単なことですが、私の小さなdivがどんなに大きくなっていない可能性があるのでしょうか?なぜ誰も知っていますか? (psの私はすべてのブラウザ上でそれを実行しようとしたと私は本当にすべての構文エラーを見つけることができない、私は盲目..または単に古い取得しています)JQueryの.animate()がHTMLページで動作しない

$(document).ready(function() { 
 
    $("#abc").click(function() { 
 
    $(this).animate({ 
 
     left: '250px' 
 
    }); 
 
    }); 
 
});
#abc { 
 
    border: 1px solid green; 
 
    width: 100px; 
 
    height: 100px; 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 

 
<body> 
 
    <div id="abc"></div> 
 
</body>

+2

jqueryは含まれていませんが、その機能を使用しています。 –

+0

ブラウザのJavaScriptコンソールを開き、そこに表示されるエラーメッセージを確認します。 – JJJ

答えて

-1

これを試してみてください:

$(document).ready(function() { 
 
$("#abc").animate({ 
 
height:"500px", 
 
width:"500px", 
 
}, 5000, function() { 
 
}); 
 
});

注意!あなたのページにJQueryを含める必要があります。

0

コードはjQueryとコンソールエラーをスローし、アニメーション方法

$("#abc") 

plunkerためだけのjQueryセレクタ

$(document.getElementById("abc") 

使用を誤動作するアニメーション原因となって一緒にJavaScriptのセレクタを使用しているあなたとだけの問題:http://plnkr.co/edit/kd31upaEE5p7YBK0st3M?p=preview

関連する問題