Ajax异步获取html数据中包含js方法无效的解决方法
2017-06-20 10:24
651 查看
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获取不到数据的解决方法