适用于未创建的元素 $(document).ready(function(){
$("div").on("click","p",function(){
$(this).slideToggle();
});
$("button").click(function(){
$("This is a new paragraph. ").insertAfter("button");
});
});
特别适用于如:ajax加载后新生出来对象.
$(".yangshi").click(function(){
$("p").slideToggle();
}); 只是适用于 当前文档中所有名叫yangshi的样式,但是如果ajax后新加载出来的对象样式也是yangshi的话,那这个对象单击事件是没有效果的此时如果使用修改成如下代码,那ajax后新加载出来的对象样式也是yangshi的,也就同时具备了onclick功能
$(document).ready(function(){ //注意是
$(document).on('click','#btn',function(){ $(this).slideToggle(); });
原因:ajax动态加载之前js就加载完了,事件没有绑定到动态生成的dom元素上。
页面所在本站地址: http://www.52-life.net/Nshow_reurl.asp?reurl=jquery_on |