我有一个数据列表,列表中有点击展开效果。由于这个数据列表用到了ajax加载,就是ajax加载之后的click时间不起作用了,希望各位大神帮忙看看。
这是html中的数据结构和页面布局
js中的展开click事件和ajax请求如下
;(function($){
//打开
$('.open-detail').click(function(){
$(this).parent().siblings('p[class="no-open"]').addClass('yes-open');
$(this).text('收起');
$(this).attr('class', 'close-detail');
});
//收起
$('.close-detail').click(function(){
$(this).parent().siblings('p[class="yes-open"]').addClass('no-open');
$(this).text('展开');
$(this).attr('class', 'open-detail');
});
//
});
function getAjaxList(_v, _c, _t){
$.ajax({
url : './ajax.php?op='+_v,
type : 'post',
dataType : 'json',
data : {'category':_c, 'template':_t},
success : function(msg){
if(msg.status == 1){
$('.html-hide').html(msg.html);
$('.html-hide').siblings('div').hide();
$('.html-hide').show();
} else {
$('.list-data').html('此处无您要的信息,到最新动态去看看吧');
}
}
});
}
php中的div设置及数据设置
...
...
...
foreach ($variable as $key => $value) {
$html .='
$html .='
'.$value['desc'].'
';
$html .='
时间:'.date('Y-m-d', $value['updateTime']).' | 来源:'.$value['author'].' 展开
';$html .='
}
$result['html'] = $html;
exit(json_encode($result));
我在php中div中的样式都加了啊!可就是不行。