台州温岭做网站请找我们 (专业建站 | 诚信服务) 13958630945 在线客服 联系技术

佳源设计|台州网站建设|佳源网页设计

网站当前位置: 首页>>做网站JS特效>>jQuery on() 的使用方法及作用
做网站JS特效
 
网站建设疑难
 
网站设计_图象处理
 
网站设计_Css样式
 
网站建设_Flash疑难
 
手机微网站建设
 
 建站知识搜索
 

台州网站建设
 
网站优化
 
提交疑问
 做网站JS特效 > jQuery on() 的使用方法及作用

jQuery on() 的使用方法及作用

2371次浏览
2018-08-21

适用于未创建的元素

$(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
上一篇 >>判断浏览器是否支持html5
下一篇 >> $(document).click() 在iphone上不触发事件解决办法