「効果」jsfiddleで正常に動作しますが、ライブコードで（[オブジェクトのオブジェクト]何の方法「効果」を持っていない）ではない

Question

関連ではなく、修正：jQuery issue - #<an Object> has no method

私がしようとすると、私はエラーObject [object Object] has no method 'effect'を取得していますjqueryのeffect関数を使用してください（doc http://docs.jquery.com/UI/Effects/Highlight）。 JSFiddleでは正常に動作しますが、ChromeやIEでサイトを実行するとエラーになります。 divが表示されますが、エフェクト呼び出しによってエラーがスローされます。

ライブバージョンは、ここで見つけることができます：http://jsfiddle.net/jcollum/HK625/

Htmlの

<a id=showHowThisWorks >How does this all work?</a>  
<div id="howThisWorks" style="display: none; ">  
    <p>It works fine</p> 
</div> 

そして、これのCoffeeScript：

$(document).ready -> 
    $('#howThisWorks').hide() 

    $('#showHowThisWorks').click -> 
    $div = $('#howThisWorks') 
    $div.toggle(); 
    $div.effect("highlight", {}, 10000) 
    return 

    return 

JSで次のようになります。

$(document).ready(function() { 
    $('#howThisWorks').hide(); 
    $('#showHowThisWorks').click(function() { 
     var $div; 
     $div = $('#howThisWorks'); 
     $div.toggle(); 
     $div.effect("highlight", {}, 6000); 
    }); 
    }); 

変数を使用する代わりに、$ divにその行のjqueryセレクタを作成しようとしました。 $（）で$ divをラップしようとしました。私はまだページの実際のバージョンでエラーを取得しています。 ChromeとIE9の同じ結果明らかに、私はjqueryオブジェクトの振る舞いについて何か不足しています。

Answer 1

jQuery UIがローカルにデプロイされていないと考えています。Firebug/Chromeなどを確認して確認してください。

.toggle()はcore jQueryの一部です。.effect()はjQuery UIの一部です。これが機能しないようにするため、jQuery UIは存在してはいけません。