2016-08-28 9 views
0

jqueryの新機能です。しかし、それは動作していないようです。アニメーション化しようとしていて、文字通りメモ帳にコードをコピーして貼り付け、xxx.htmlとして保存しました。私はからそれを得たのはここjqueryのサイトです - それはサイトで完璧に動作しますが、私はGoogleのクロムやオペラでそれを実行すると、それだけでは動作しませんhttps://api.jqueryui.com/bounce-effect/jqueryコードがアニメーション化されていません。

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <title>bounce demo</title> 
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
    <style> 
    #toggle { 
    width: 100px; 
    height: 100px; 
    background: #ccc; 
    } 
    </style> 
    <script src="//code.jquery.com/jquery-1.10.2.js"></script> 
    <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
</head> 
<body> 
<p>Click anywhere to toggle the box.</p> 
<div id="toggle"></div> 

<script> 
    $(document).click(function() { 
    $("#toggle").toggle("bounce", { times: 3 }, "slow"); 
}); 
</script> 
</body> 
</html> 

。アニメーション化されません。なぜ私は分からない。誰でも助けてくれますか?ありがとう。

+2

質問コードヘルプには、質問の中に** ** [Stack Snippet](https://blog.stackoverflow.com/2014/09/)にそれを再現するのに必要な最短コードが含まれている必要があります。 introduction-runnable-javascript-css-and-html-code-snippets /)があります。 [最小限の、完全で検証可能なサンプルの作成方法](http://stackoverflow.com/help/mcve)を参照してください。 – andreas

+0

あなたのHTMLコードにJQueryライブラリをリンクしましたか?また、あなたのコードを投稿することで、誰でも答えようとするのに役立ちます。 – Joseph

+1

htmlにjQueryとjQuery UIライブラリを組み込んだら、推測をするのではなく、助けてもらうために最低限必要なコードを提供する必要がありますか?あなたのコンソールを常にチェックしてください(** F12 **) –

答えて

1

ファイルを開いて、Webサーバー経由で実行するのではなく、おそらくコンピュータでこの例を実行しています。

この例では、//を使用してjQueryファイルを読み込みます。つまり、ブラウザバーで使用したプロトコルに従います。例えば、http://またはhttps://です。

しかし、file://でローカルに開いたので、他のファイルもfile://経由で読み込もうとします。あなたは他のファイルをローカルに持っていません。

<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
<script src="http://code.jquery.com/jquery-1.10.2.js"></script> 
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 

のコードを変更せずにそれを修正する他の方法は、ウェブサーバを介してファイルを実行することであり、それを要求する:それを修正する

最も簡単な方法は、jQueryのパスを更新するので、プロトコルを手動で追加することによるものですhttps://xxxxx.xxxまたはhttp://xxxxx.xxx

関連する問題