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也是可以的

-转载

转载于:https://www.cnblogs.com/wenJiaQi/p/6422043.html

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

ajax异步获取右侧html,Ajax异步获取html数据中包含js方法无效的解决方法
Ajax异步获取html数据中包含js方法无效的解决方法页面上使用js写了一个获取后台数据的方法 function data() { var tab = $("#dic") $. ...
jquery ajax 不执行success,jQuery通过ajax方法获取json数据不执行success的原因及解决方法...
1.jquery通过ajax方法获取json数据不执行success回调问题描述:jquery通过ajax方法获取json数据不执行success回调方法问题原因:json格式存在问题或不符合标准 ...
PowerDesigner16.5反向工程获取Oracle11g数据表结构遇到的问题及解决方法
PowerDesigner16.5反向工程获取Oracle11g数据表结构遇到的问题及解决方法本人只想用PowerDesigner16.5反向工程获取Oracle11g生成ER图,没曾想纠结了两个晚 ...
【HTML】处理＜br＞换行符追加到前端换行无效的问题 --- html中渲染的字符串中包含HTML标签无效的处理方法，字符串中包含HTML标签被转义的问题解决
[HTML]处理换行符追加到前端换行无效的问题 --- html中渲染的字符串中包含HTML标签无效的处理方法,字符串中包含HTML标签被转义的问题解决参考文章: (1)[HTML]处理换行符 ...
cocos2d-js中listView的jumpToBottom()方法无效的解决方法
cocos2d-js中listView的jumpToBottom()方法无效的解决方法参考文章: (1)cocos2d-js中listView的jumpToBottom()方法无效的解决方法 (2) ...
ajax获取的数据中包含html代码,执行ajax返回数据中包含的script脚本代码
ajax虽然很方便,提升了我们的交互体验,但是它也有可恨之处,就是ajax请求得到的数据中如果包含脚本代码,比如说请求得到的是一块html内容,我们把这块html内容插入到网页中的某个地方,但是其中明 ...
jQuery通过ajax方法获取json数据不执行success的原因及解决方法
1.jquery通过ajax方法获取json数据不执行success回调问题描述:jquery通过ajax方法获取json数据不执行success回调方法问题原因:json格式存在问题或不符合标准 ...
html字符串自动加回车换行,【HTML】处理br换行符追加到前端换行无效的问题 --- html中渲染的字符串中包含HTML标签无效的处理方法，字符串中包含HTML标签被转义的问题解决...
需求如下图: 追加给前台后,效果如下: 可以在源码看到: 是将后台给出来的数据,直接当作字符串给填充在了前台HTML中. 而查看浏览器编译后的HTML源码可以发现: 原来字符串中的的<> ...
iOS UIcollectionview 数据量少时候bounces无效的解决方法
uiCollectionView在数据量很少时候.不足以填满整个屏幕的时候bounces默认关闭. 解决方法 - (void)_edgeInsetsToFit { UIEdgeInsets edgeI ...

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

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

最新文章

热门文章