业务经理

微信扫描以上二维码

028-61286886

我们程序如何做这种点击最新热门关注自动加载内容

迅睿框架更新 2023-09-12 14:36:53

宇宙条

我们程序如何做这种点击最新热门关注自动加载内容

方案

迅睿开源社区技术-小白 #1 · 2023-09-08 22:23:42

满意答案

这个用ajax来做，参考文档：《前端动态调用模板》
宇宙条 #2 · 2023-09-12 14:36:53

@迅睿开源社区技术-小白：[xss_clean] // 获取所有的 a 标签和 div 标签 var tabs = document.querySelectorAll('a.el-tabs__item.is-bottom'); var contents = document.querySelectorAll('.content'); // 默认第一个 a 标签为激活状态 tabs[0].classList.add('is-active'); contents[0].style.display = 'block'; // 为每个 a 标签添加点击事件 tabs.forEach((tab, index) => { tab.addEventListener('click', function() { // 移除其他 a 标签的 is-active 类 tabs.forEach(tab => { tab.classList.remove('is-active'); }); // 添加 is-active 类到点击的 a 标签 this.classList.add('is-active'); // 隐藏所有的 div 标签 contents.forEach(content => { content.style.display = 'none'; }); // 显示对应的 div 标签 contents[index].style.display = 'block'; }); }); [xss_clean]

迅睿系统漏洞

最近更新的源码