Question

jquery .ajax 局部刷新之后 js无法调用问题解决

我一个页面里面有大量数据要更换 用Ajax实现的 进入页面可以点击第一次 ，当局部数据变更后,再次点击 事件就失效了 没法点击第二次. 我点击事件的.class是在要刷新里面的, 我js是$('ul.list li>span').click(function(){
//alert(1)
console.log(this)

$(this).parent().toggleClass('act').siblings().removeClass('act');
}); 在服务器无法再次点击了，二级标题隐藏了就再也不显示了， 求解

分享到：

Answer 1

$("body").delegate('ul.list li>span', "click", function(){
    $(this).closest("li").addClass('act').siblings("li").removeClass('act');    
});

追问

可以解决一大半的问题了，但是当我再次点击同一个一级标题的时候，二级标题无法隐藏了，就是那个act无法去掉，所以我用了toggle，

追答

$("body").delegate('ul.list li>span', "click", function(){
    var me = $(this);
    me.closest("li").toggleClass('act').siblings("li").removeClass('act');
});
-------------------------------
css:

li li{
    display: none;
}
li.act li{
    display: block;
}