Javascriptの例外TypeError：$（...）親は、私は次のコードをクリックしたときに私は、このエラーが生じています

Question

機能ではありません：私はエラーを取得し

onclick="tester.removeit(this);" 

：

ここ

TypeError: $(...).parent is not a function 

removeit: function(ele) { 

    $(ele).parent('div').fadeOut(); 
    console.log(this); 

}, 

これはどのように修正できますか？

Answer 1

jQueryを含めてPrototypeJSやMooToolsを含むライブラリの競合のような音がします。

これを実行すると、1つのライブラリのみがメイン識別子として$を使用できます。

<script src="jquery.js"></script> 
<script>jQuery.noConflict();</script> 
<script src="prototypejs.js"></script> 

その後、あなたはjQueryのを使用するコードで、むしろ$よりjQueryを使用します：あなたはnoConflict経由$を「解放」するためのjQueryを伝えることができ

// ... 
removeit: function(ele) { 

    jQuery(ele).parent('div').fadeOut(); 
    console.log(this); 

}, 
// ... 

かのjQueryを使用してコードのすべてを包みますargとして$を受け入れるIIFEで：

(function($) { 
    // ... 
    removeit: function(ele) { 

     $(ele).parent('div').fadeOut(); 
     console.log(this); 

    }, 
    // ... 
})(jQuery);