Ajax异步获取html数据中包含js方法无效的解决方法
2017-02-20 23:09
501 查看
页面上使用js写了一个获取后台数据的方法
});
tab.html(parentStr);
}
})
}
其中的
发现点击无效无效
原来是 ajax载入新dom之前js 就加载完了,事件当然没有绑定到新载入的dom上
解决方法:
使用jquery的委托事件,将该方法委托到页面已经存在的一个节点上
问题解决。
当然也可以不使用异步将async改为false也是可以的
-转载
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方法无效的解决方法
- js添加的表单在火狐下获取不到数据的解决方法
- js无法获取到html标签的属性的解决方法
- 礼拜三log~CSS控制文本不换行+省略号 & li宽度无效的解决方法 & 在js中获取后台变量
- AFNetworking 2.0 获取json数据时,返回 NSLocalizedDescription=Request failed: unacceptable content-type: text/html, 解决方法.
- html Js跨域提交数据方法,跨域提交数据后台获取不到数据
- html中通过JS获取JSON数据并加载的方法
- js添加的表单在火狐下获取不到数据的解决方法
- .net中js向后台传递包含中文的参数,后台获取到的中文乱码的解决方法。
- js 获取HTML 中的 title和 alt中的数据显示层
- SQL中函数 replace 的参数1的数据类型ntext无效的解决方法
- NetBox环境下ajax用get获取数据,中文乱码的问题解决:对象不支持此属性或方法: 'Response.CharSet'
- Ext.form.HtmlEditor获取和清空数据的方法
- ASP.NET获取不到JS设置cookies的解决方法