シンプル：divをajaxコンテンツ（jquery）に置き換えます

Question

私はthis threadに続きます。私が今持っている：それは何

Uncaught exception: TypeError: Cannot convert '$('#gc')' to object 
Error thrown at line 1, column 0 in <anonymous function>(event): 
    $('#gc').load('test'); 

です：

<a href="#" onclick="$('#gc').load('test');">reload</a>... </span> 
<div id="gc"> 
    empty 
</div> 

これは私が取得しています何ですか？ divを選択して内容をload（）に置き換えることができると思いましたか？

Answer 1

domreadyにイベントハンドラをアタッチしてみてください。

HTML：

<a href="some-url" class="reload_link">reload</a> 
... 

JS：私は$引数を使用して匿名関数の内部で、私のjQueryコードをラップしたいと

(function($) { 
    $(function() { 
    $('.reload_link').click(function() { 
     $(this).next('div').load(this.href); 
     return false; 
    }); 
    }); 
})(jQuery); 

他のライブラリとの名前の競合を避けるためです。 、それは次の<div>の要素を取得し、loadを呼び出し、この作品

の方法は、それはその後、それぞれについて、reload_linkのクラスを持っているドキュメント内のすべての要素を取得している（もちろん、私はちょうど同様jQuery.noConflict()を使用することができます）現在の<a>要素のhref属性を渡します。