jquery不工作在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> 

和不工作！我甚至尝试用活（）。点击（）即使的onclick =“函数名（）” ......

Answer 1

也许它不工作，因为你有内通过AJAX检索到的内容a.click_me要素：尽量使用替代

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

（我以前document捕捉事件，但如果您指定的标签更密切的父母是更好）

见http://api.jquery.com/on/参考

Answer 2

你好，当你通过AJAX，这意味着jQuery的ready事件加载内容已经被触发。因为你的点击事件不会与你的代码绑定。对于阿贾克斯加载的内容，你可以使用没有准备好的事件;

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