Ajax异步获取html数据中包含js方法无效的解决方法

页面上使用js写了一个获取后台数据的方法

function data() {
    var tab = $("#dic")
    $.ajax({
      url: '../demo.ashx?method=GetList',
      data: {},
      dataType: 'json',
      type: 'post',
      async: true,
      success: function (data) {
        //console.log(data);
        var parentStr = '';
        $.each(data, function (i, item) {
          //console.log(item.text);
          
          parentStr += "<div class='pull-right'> <a class='morechange' href='javascript:;' style='visibility: visible;'>更多+</a></div>"
});
        tab.html(parentStr);
      }
    })
  }

其中的

<a class='morechange' href='javascript:;' style='visibility: visible;'>更多+</a>  绑定一个点击时间

$('.morechange').click(function(){
  alert("弹出")
});

发现点击无效无效

原来是 ajax载入新dom之前js 就加载完了，事件当然没有绑定到新载入的dom上

解决方法：

使用jquery的委托事件，将该方法委托到页面已经存在的一个节点上

$("#dic").delegate('.morechange', 'click', function () { alert("弹出"); });

问题解决。

当然也可以不使用异步将async改为false也是可以的

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持！

# ajax  # 异步  # Ajax通过XML异步提交的方法实现从数据库获取省份和城市信息实现二级联动(xml方法)  # WordPress中利用AJAX异步获取评论用户头像的方法  # ajax 异步获取数据实现代码 （js创建ajax对象）  # jQuery Ajax异步处理Json数据详解  # jquery的ajax异步请求接收返回json数据实例  # jquery ajax属性async(同步异步)示例  # Ajax请求中的异步与同步  # 需要注意的地方说明  # jquery的ajaxSubmit()异步上传图片并保存表单数据演示代码  # 详谈 Jquery Ajax异步处理Json数据.  # ajax异步刷新实现更新数据库  # 弹出  # 绑定  # 写了  # 解决方法  # 将该  # 到新  # 加载  # GetList  # method  # demo  # ashx  # type  # post  # async  # dataType  # json  # true  # url  # class  # brush 

相关文章： 合肥做个网站多少钱,合肥本地有没有比较靠谱的交友平台？  Python路径拼接规范_跨平台处理说明【指导】  c# F# 的 MailboxProcessor 和 C# 的 Actor 模型  北京企业网站设计制作公司,北京铁路集团官方网站？  建站之星价格显示格式升级，你的预算足够吗？  C++时间戳转换成日期时间的步骤和示例代码  建站之星如何一键生成手机站？  大同网页,大同瑞慈医院官网？  定制建站流程解析：需求评估与SEO优化功能开发指南  如何快速上传建站程序避免常见错误？  建站之星北京办公室：智能建站系统与小程序生成方案解析  宿州网站制作公司兴策,安徽省低保查询网站？  如何在云主机上快速搭建网站？  深圳网站制作公司好吗,在深圳找工作哪个网站最好啊？  如何生成腾讯云建站专用兑换码？  香港服务器租用费用高吗？如何避免常见误区？  建站主机功能解析：服务器选择与快速搭建指南  高防网站服务器：DDoS防御与BGP线路的AI智能防护方案  制作旅游网站html,怎样注册旅游网站？  成都网站制作价格表,现在成都广电的单独网络宽带有多少的，资费是什么情况呢？  宝塔新建站点为何无法访问？如何排查？  购物网站制作费用多少,开办网上购物网站，需要办理哪些手续？  专业企业网站设计制作公司,如何理解商贸企业的统一配送和分销网络建设？  成都网站制作报价公司,成都工业用气开户费用？  如何在宝塔面板中修改默认建站目录？  建站主机解析：虚拟主机配置与服务器选择指南  如何在建站宝盒中设置产品搜索功能？  实例解析Array和String方法  如何用y主机助手快速搭建网站？  建站之星在线客服如何快速接入解答？  建站主机系统SEO优化与智能配置核心关键词操作指南  制作国外网站的软件,国外有哪些比较优质的网站推荐？  建站之星代理商如何保障技术支持与售后服务？  如何选择高效响应式自助建站源码系统？  C#如何序列化对象为XML XmlSerializer用法  免费制作统计图的网站有哪些,如何看待现如今年轻人买房难的情况？  如何处理“XML格式不正确”错误 常见XML well-formed问题解决方法  开源网站制作软件,开源网站什么意思？  香港服务器网站测试全流程：性能评估、SEO加载与移动适配优化  天津个人网站制作公司,天津网约车驾驶员从业资格证官网？  如何安全更换建站之星模板并保留数据？  建站之星导航菜单设置与功能模块配置全攻略  php条件判断怎么写_ifelse和switchcase的使用区别【对比】  如何做静态网页,sublimetext3.0制作静态网页？  高性能网站服务器配置指南：安全稳定与高效建站核心方案  企业宣传片制作网站有哪些,传媒公司怎么找企业宣传片项目？  制作网站的软件下载免费,今日头条开宝箱老是需要下载怎么回事？  Android自定义控件实现温度旋转按钮效果  如何彻底删除建站之星生成的Banner？  教学论文网站制作软件有哪些,写论文用什么软件 ？