JaveryがAjaxで動作していないことを確認しました。

Question

私はこのajaxタブのコンテンツスクリプトdynamicdrive.com/dynamicindex17/ajaxtabscontent/を使用してコンテンツを表示していますが、問題はjqueryコードがタブ内で動作していないことです。タブ内の

返されたHTMLコードは、たとえば次のとおりです。

<a href="#" class="click_me">click</a> 
<script type="text/javascript"> 
$(document).ready(function() { 
    $("a.click_me").bind("click", function(){ 
     alert('aaaaaaaaaaa'); 
     return false; 
    }); 
}); 
</script> 

と機能していません！あなたは、AJAXを介して検索コンテンツ内のa.click_meの要素を持っているので、私も多分それは働いていない...でも、onclickの=「FUNCTION_NAME（）」で）、.click（）（ライブで

Answer 1

を試してみました：代わりに

使用してみてください

$(document).on("click", "a.click_me", function(){ 
    alert('aaaaaaaaaaa'); 
    return false; 
}); 

（私はイベントをキャプチャするためにdocumentを使用していますが、あなたのタブのより密接な親を指定した場合、それは良いでしょう）

あなたはjQueryのreadyイベントを意味し、AJAXを介してコンテンツをロードするとき

Answer 2

こんにちは参考のためにhttp://api.jquery.com/on/を参照してください。既に起動されています。そのため、クリックイベントはあなたのコードにバインドされません。 ajaxでロードされたコンテンツの場合、readyイベントなしで使用できます。

<script type="text/javascript"> 
    $("a.click_me").bind("click", function(){ 
     alert('aaaaaaaaaaa'); 
     return false; 
    }); 
</script>