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 

相关文章： 在线ppt制作网站有哪些软件,如何把网页的内容做成ppt？  零服务器AI建站解决方案：快速部署与云端平台低成本实践  SQL查询语句优化的实用方法总结  企业在线网站设计制作流程,想建设一个属于自己的企业网站，该如何去做？  制作网站的软件免费下载,免费制作app哪个平台好？  家庭服务器如何搭建个人网站？  家族网站制作贴纸教程视频,用豆子做粘帖画怎么制作？  制作网站的软件下载免费,今日头条开宝箱老是需要下载怎么回事？  小程序网站制作需要准备什么资料,如何制作小程序？  怎么制作网站设计模板图片,有电商商品详情页面的免费模板素材网站推荐吗？  安徽网站建设与外贸建站服务专业定制方案  如何通过山东自助建站平台快速注册域名？  陕西网站制作公司有哪些,陕西凌云电器有限公司官网？  如何选购建站域名与空间？自助平台全解析  如何在阿里云购买域名并搭建网站？  道歉网站制作流程,世纪佳缘致歉小吴事件，相亲网站身份信息伪造该如何稽查？  如何确保FTP站点访问权限与数据传输安全？  免费ppt制作网站,有没有值得推荐的免费PPT网站？  如何快速建站并高效导出源代码？  大连企业网站制作公司,大连2025企业社保缴费网上缴费流程？  如何在腾讯云免费申请建站？  建站之星安装后界面空白如何解决？  建站主机选购指南：核心配置优化与品牌推荐方案  企业宣传片制作网站有哪些,传媒公司怎么找企业宣传片项目？  如何快速打造个性化非模板自助建站？  教育培训网站制作流程,请问edu教育网站的域名怎么申请？  独立制作一个网站多少钱,建立网站需要花多少钱？  成都响应式网站开发,dw怎么把手机适应页面变成网页？  如何确认建站备案号应放置的具体位置？  如何快速搭建高效WAP手机网站吸引移动用户？  清除minerd进程的简单方法  c++ stringstream用法详解_c++字符串与数字转换利器  建站主机选哪家性价比最高？  重庆市网站制作公司,重庆招聘网站哪个好？  如何处理“XML格式不正确”错误 常见XML well-formed问题解决方法  猪八戒网站制作视频,开发一个猪八戒网站，大约需要多少？或者自己请程序员，需要什么程序员，多少程序员能完成？  如何在IIS7中新建站点？详细步骤解析  网站设计制作书签怎么做,怎样将网页添加到书签/主页书签/桌面？  动图在线制作网站有哪些,滑动动图图集怎么做？  免费的流程图制作网站有哪些,2025年教师初级职称申报网上流程？  C#如何使用XPathNavigator高效查询XML  东莞专业网站制作公司有哪些,东莞招聘网站哪个好？  如何用PHP工具快速搭建高效网站？  如何访问已购建站主机并解决登录问题？  详解免费开源的DotNet二维码操作组件ThoughtWorks.QRCode（.NET组件介绍之四）  如何在阿里云虚拟服务器快速搭建网站？  如何在IIS管理器中快速创建并配置网站？  开源网站制作软件,开源网站什么意思？  标准网站视频模板制作软件,现在有哪个网站的视频编辑素材最齐全的，背景音乐、音效等？  如何在建站之星绑定自定义域名？