例外TypeError：$は関数ではありませんWordpressの

Question

私は私が購入を持っているテーマで.js文書に誤りがある可能性があります：「

$('.tagcloud a').wrap('<span class="st_tag" />'); 

私はそれを解決しようとしていますが、私はドンので、私はプログラマではありませんよ方法を知っている。 サイトはhttp://www.framerental.comです。

Answer 1

jQueryが存在しない可能性があります。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>

Answer 2

あなたはjQueryのが含まれている場合は、競合がある可能性があります。 $の代わりにjQueryを使用してください。

Answer 3

使用する場合jQuery.noConflict();したがって$は未定義です。あなたはjQueryのツールキット/ libに

jQuery(document).ready(function($) { 
    // Code that uses jQuery's $ can follow here. 
}); 

Answer 4

のどちらかを含めていない。

あなたはこの方法であなたのコードを変更するには、ここdocs

てみてくださいそれについての詳細を読むことができます（レディ機能へ$記号を追加）いくつか提案しているように、あるいは種類の衝突があります。テストするには：次のようにjQueryとテストが含まれます：

console.log($); 
console.log($ === jQuery); 

$が未定義でない場合、および$ === jQueryログ偽、あなたは間違いなくあなたの手の競合を持っています。 $をjQueryに置き換えると、それは解決しますが、それはかなり面倒なことになります（余分な入力はすべて...）。一般的には、少なくとも$jq = _$ = jQuery;でスクリプトを開始し、少なくともjQueryオブジェクトへの参照を短くします。もちろん
、あなたは、あなたが誤って、あらかじめ設定されている変数を上書きしていないかどうかを確認することを行う前に：console.log($jq, _jQ, _$);はundefinedが放っておかれるべきでない方はもちろんのを

Answer 5

機能エラーが共通のものですほぼすべてのコンテンツ管理システムで、これにアプローチする方法はいくつかあります。

1. は使用してコードをラップ：

   <script> 
   jQuery.noConflict(); 
       (function($) { 
        $(function() { 
         // YOUR CODE HERE 
        }); 
       }); 
   </script> 
   

   ：

   <script> 
   jQuery(function($) { 
   
   YOUR CODE GOES HERE 
   
   }); 
   </script> 
   

2. はまたnoConflict();

   <script> 
   $.noConflict(); 
   jQuery(document).ready(function($) { 
   // Code that uses jQuery's $ can follow here. 
   }); 
   // Code that uses other library's $ can follow here. 
   </script> 
   

3. 準備文書を使用せずにnoConflictを使用してのもう一つの例を使用してjQueryのAPIを使用することができます

4. あなたも、そうのような競合を避けるために、あなたの非常にエイリアスを作成することを選択することができる：

   $("div p").hide();jQuery("div p").hide();

へ：

var jExample = jQuery.noConflict(); 
// Do something with jQuery 
jExample("div p").hide(); 

5. さらに別の長いソリューションは、jQueryのに$のすべてreferancesの名前を変更することです

Answer 6

<script> 
var $ = jQuery.noConflict(); 
</script> 

をheader.phpのheadタグに追加します。または、管理領域（またはheader.phpが使用されていないどこか）でドル記号を使用する場合は、その場所を使用したい場所の直前に置いてください。

（そこに、私は認識していないよ、いくつかの競合もそれをテストし、存在する場合、ここでのリンク怒鳴るで提供される他のソリューションを使用することがあります。）

出典：代わりにhttp://www.wpdevsolutions.com/use-the-dollar-sign-in-wordpress-instead-of-jquery/

Answer 7

これを行う：

$(document).ready(function() { }); 

あなたはこのやるべきこと：

jQuery(document).ready(function($) { 

    // your code goes here 

}); 

これは、WordPressが将来jQuery以外のものに$を使用する可能性があり、$がjQueryドキュメント準備完了コールバックでのみ使用できるようにjQueryをロードする必要があるためです。

Answer 8

私はheadセクションの最後にロードされたカスタムスクリプトファイルを追加し、トップで次のように挿入：

(function (jQuery) { 
    window.$ = jQuery.noConflict(); 
})(jQuery); 

（これはFankyの答えの変形例である）

以外

Answer 9

noConflict、これも参考になります：

(function($) { 
    // Variables and DOM Caching using $. 
    var body = $('body'); 
    console.log(body); 
})(jQuery);