2012-02-23 16 views
2

jQueryの構文が新しく、これはおそらく本当のnoobieの質問です...しかし、私はちょうど私がこのページをロードするときに "$ .effectsは定義されていません"というエラーをなぜ受け取っているのか分かりません。誰もがこれを見ることができる場合、私は多くの義務を負うことになる... TIA、rixter

<!doctype html> 
<html> 
    <head> 
    <script type="text/javascript" src="jquery-1.7.1.min.js"></script> 
    <script src="./development-bundle/ui/jquery.ui.core.js"></script> 
    <script src="./development-bundle/ui/jquery.effects.pulsate.js"></script> 


    <script type="text/javascript"> 
    $(document).ready(function(){ 
     $("a").click(function(event){ 
      //alert("Thanks for visiting!"); 
     }); 
     });  

    function runEffect() { 
     $("pulsate").effect(selectedEffect, options, 500, callback); 
    } 

    // bind button to click event 
    $("#button").click(function() { 
    alert("Running effect..."); 
    runEffect(); 
    return false; 
    }); 

    // callback function to bring a hidden box back 
    function callback() { 
     setTimeout(function() { 
    $("#effect").removeAttr("style").hide().fadeIn(); 
     }, 1000); 
    };  

    </script> 

    </head> 
    <body> 
    <a href="http://jquery.com/">jQuery</a> 
    <div id=effect> 
     Show effects here... 
    </div> 
    <a href="#" id="button" class="ui-state-default ui-corner-all">Run Effect</a> 


    </body> 
</html> 
+0

含まれているスクリプトがありますか?つまり、jquery.effects.pulsate.jsファイルです。私は確かに、実行中のライブラリやライブラリがないインポートのように見えます。 – Furbeenator

答えて

2

私は$.effectsは、コアjQueryのパッケージに含まれていないjQueryのUIの一部であると考えています。 http://jqueryui.com/docs/Effects/Methods

the jQuery UI siteにjQuery UIパッケージをカスタマイズしてダウンロードし、jQueryの後に別の<script>タグでページに組み込むことができます。

+0

うわー、みなさん、ありがとうございました...私はロードする必要がある欠落したファイルを見つけたことを投稿するつもりでした...そして、3つの投稿がすでに登場していたことを見てください!私は誰もが私の問題を解決するための情報を検討します.... StackOverflow rocks! – rixter

1

Plusate効果は、以下の方法で行われている....

$(this).effect("pulsate", { times:3 }, 2000); 

'これは' 詳細は....あなたのdivのidやクラスです:

http://docs.jquery.com/UI/Effects/Pulsate

4

また

./development-bundle/ui/jquery.effects.core.js

をロードする必要があります

初めて開発する場合は、別個の開発バンドルファイルではなく、フルバージョンのjQuery UIを読み込むことをお勧めします。手動で依存関係を把握することは、それがどのように動作するのかを知っていても苦痛です。

関連する問題