javascript-js中ajax请求数据之后的click事件失效问题
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript-js中ajax请求数据之后的click事件失效问题,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2985字,纯文字阅读大概需要5分钟。
内容图文
我有一个数据列表,列表中有点击展开效果。由于这个数据列表用到了ajax
加载,就是ajax
加载之后的click
时间不起作用了,希望各位大神帮忙看看。这是
html
中的数据结构和页面布局
消费者的信息会逐渐增多,如果有一个厂家,用更好的原料和工艺,就会迅速占领市场
时间:2016-05-24 | 来源:本站 展开
消费者的信息会逐渐增多,如果有一个厂家,用更好的原料和工艺,就会迅速占领市场
时间:2016-05-24 | 来源:本站 展开
消费者的信息会逐渐增多,如果有一个厂家,用更好的原料和工艺,就会迅速占领市场
时间:2016-05-24 | 来源:本站 展开
消费者的信息会逐渐增多,如果有一个厂家,用更好的原料和工艺,就会迅速占领市场
时间:2016-05-24 | 来源:本站 展开
js
中的展开click
事件和ajax
请求如下
php
中的div
设置及数据设置
$value) {
$html .='';
$html .=''.$value['desc'].'
';
$html .='
时间:'.date('Y-m-d', $value['updateTime']).' | 来源:'.$value['author'].' 展开
';
$html .='';
}
$result['html'] = $html;
exit(json_encode($result));
我在php
中div
中的样式都加了啊!可就是不行。
回复内容:
我有一个数据列表,列表中有点击展开效果。由于这个数据列表用到了ajax
加载,就是ajax
加载之后的click
时间不起作用了,希望各位大神帮忙看看。
这是html
中的数据结构和页面布局
消费者的信息会逐渐增多,如果有一个厂家,用更好的原料和工艺,就会迅速占领市场
时间:2016-05-24 | 来源:本站 展开
消费者的信息会逐渐增多,如果有一个厂家,用更好的原料和工艺,就会迅速占领市场
时间:2016-05-24 | 来源:本站 展开
消费者的信息会逐渐增多,如果有一个厂家,用更好的原料和工艺,就会迅速占领市场
时间:2016-05-24 | 来源:本站 展开
消费者的信息会逐渐增多,如果有一个厂家,用更好的原料和工艺,就会迅速占领市场
时间:2016-05-24 | 来源:本站 展开
js
中的展开click
事件和ajax
请求如下
php
中的div
设置及数据设置
$value) {
$html .='';
$html .=''.$value['desc'].'
';
$html .='
时间:'.date('Y-m-d', $value['updateTime']).' | 来源:'.$value['author'].' 展开
';
$html .='';
}
$result['html'] = $html;
exit(json_encode($result));
我在php
中div
中的样式都加了啊!可就是不行。
谢谢邀请。我之前也遇到这种类似的问题,也是ajax()
加载完的数据导致原来加的效果失效。如下是我的处理方式
// 初始化数据的时候我也是这么写的
$('.message-but').click(function(){
// code...
});
// ajax加载后click事件不执行,又改成这样
$('.message-but').live("click",function(){
// code...
});
之后通过网上查询才知道这个live()
其实和bind()
差不多一样用,都是可以给未来元素绑定对应的触发事件,但是二者还是有区别的。两者你都试试看,希望对你有帮助
在jquery1.9+之后就没有live方法了
jQuery1.9之前的版本我们可以这样写:
$("a").live("focus",function(){
this.blur();
});
jQuery1.9之后由于live被删除了,所以应该这样写:
$(document).on("focus","a",function(){
this.blur();
});
我大致看了一下,如果你的每个list-data-detail
都是通过Ajax动态加载出来的,那么你开始直接写的click
事件是无法起作用的,以为你的事件绑定的时候这个DOM并不存在。
这时候,你需要使用事件委托
,在jQuery
里,也就是
$('.list-data').on('click', '.open-detail', function() {
/// here goes the code
});
这样就行了。通过事件委托,将子元素的事件绑定到父元素上,子元素被点击之后,事件会冒泡到父元素,由父元素负责捕捉然后触发事件。
动态加载的元素要执行点击可以这样
$(document).on('click','.message-but',function(){
// code...
});
内容总结
以上是互联网集市为您收集整理的javascript-js中ajax请求数据之后的click事件失效问题全部内容,希望文章能够帮你解决javascript-js中ajax请求数据之后的click事件失效问题所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。