我有一个数据列表，列表中有点击展开效果。由于这个数据列表用到了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...});