主页 > 区块链钱包 > [imtoken钱包官方下载地址imtoken钱包下载注册教程]ajax加载出来的html绑定事件

[imtoken钱包官方下载地址imtoken钱包下载注册教程]ajax加载出来的html绑定事件

管理员 区块链钱包 2022年07月25日
$('.post').parent().on('click', '.test-on', function() { //此处使用事件代理 $(this).next('.js-box').fadeToggle(); //这里使用next选择器,可以快速定位到对应的文章模块 }
在网上查了很多资料。都说是用.on 我测试了.on是可以,但是我这个需求跟网上说的又不太符合,所以只好前来提问。

ajax加载出来的html绑定事件 问题描述:

一个博客列表样式的网站,文章列表采用ajax下拉加载。ajax加载的html怎么绑定一个jq事件呢?
$('#root').on('click', '.test-on', function() { //这里假设.post的父元素是#root $(this).next('.js-box').fadeToggle(); //$(this)即是event.target,当前点击的目标元素 }

不用循环绑定,,这段写在ready回调里就可以了。

第 1 个答案:

如果.post是Ajax加载的,那么你应该把事件绑到它的父元素上。比如:

$(".post").each(function(){ var _this = this $(this).on("click",".test-on",function(){ $(_this).find(".js-box").fadeToggle(); }) });

对比网上找的资料,我的疑问点是:怎么让点击按钮点击后只在其所在对应的文章模块内生效?

<!--一个文章列表模块开始---> <dl> <h2>标题</h2> <a href="javascript:;" >anniu</a> <div>js操作内容块</div> </dl> <!--一个文章列表模块结束--->

要的效果,点击"test-on"展开"js-box"。文章模块的".post"是ajax下拉加载的。

我写的js代码:

第 2 个答案:

因为你的列表有多个建议使用事件代理,这样性能更好;

html部分:

下一节:这种判断是否为奇数的方法是怎样实现的?

描述:用C语言,输入一个正整数,判断是否是奇数?我的通常的写法是这样的:scanf("%d", num);if(num%2 != 0) { //如果为奇数 ...}今天看到别人的代码里这样写:sc ...

本文网络收集整理,不构成任何投资建议。转载请注明出处:https://www.bnlive.com.cn/qklqb/8677.html

标签: JavaScript