Ajax异步获取html数据中包含js方法无效的解决方法
2017-02-20 14:55
901 查看
页面上使用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异步获取html数据中包含js方法无效的解决方法
- Ajax异步获取html数据中包含js方法无效的解决方法
- Ajax异步获取html数据中包含js方法无效的解决方法
- Ajax异步获取html数据中包含js方法无效的解决方法
- Ajax异步获取html数据中包含js方法无效的解决方法
- Ajax异步获取html数据中包含js方法无效的解决方法
- Ajax异步获取html数据中包含js方法无效的解决方法
- MVC5 新建项目里不包含jquery.unobtrusive-ajax.js(MVC5异步表单的问题)解决方法
- MVC5 新建项目里不包含jquery.unobtrusive-ajax.js(MVC5异步表单的问题)解决方法
- JS使用ajax从xml文件动态获取数据显示的方法
- AFNetworking 2.0 获取json数据时,返回 NSLocalizedDescription=Request failed: unacceptable content-type: text/html, 解决方法.
- 解决js数据包含加号+通过ajax传到后台时出现连接错误
- jQuery通过ajax方法获取json数据不执行success的原因及解决方法
- TinyMCE提交AjaxForm获取不到数据的解决方法
- 礼拜三log~CSS控制文本不换行+省略号 & li宽度无效的解决方法 & 在js中获取后台变量
- ajax获取数据,应该返回json用js拼接 还是在后台拼接HTML完再返回
- 异步获取的表单数据后台程序没有获取的一种情况及其解决方法
- php+js+html+ajax获取页面数据
- ajax innerHTML 拼接js 不执行,呈现解决方法
- TinyMCE提交AjaxForm获取不到数据的解决方法