一个博客列表样式的网站,文章列表采用ajax下拉加载。ajax加载的html怎么绑定一个jq事件呢?
在网上查了很多资料。都说是用.on 我测试了.on是可以,但是我这个需求跟网上说的又不太符合,所以只好前来提问。
html部分:
标题
anniu
js操作内容块
要的效果,点击"test-on"展开"js-box"。文章模块的".post"是ajax下拉加载的。
我写的js代码:
$(".post").each(function(){
var _this = this
$(this).on("click",".test-on",function(){
$(_this).find(".js-box").fadeToggle();
})
});
对比网上找的资料,我的疑问点是:怎么让点击按钮点击后只在其所在对应的文章模块内生效?
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
如果
.post是Ajax加载的,那么你应该把事件绑到它的父元素上。比如:不用循环绑定,这段写在ready回调里就可以了。
因为你的列表有多个建议使用事件代理,这样性能更好;