10 请教CMS采用Ajax异步加载写法

发布于 2019-09-05 23:12:05

如下图,我做了三个选项卡,现在是第一次加载的时候选项卡内内容直接一次全部加载完毕,
我想要异步加载的效果,点击某个选项卡的时候再加载这个选项卡的内容,如果可以的话,希望可以设置选项卡里的内容每隔一定时间之后自动刷新
QQ20190905-230909.png

由于我本人只懂得HTML和CSS,js都是懵的,所以希望能给我一个比较详细的写法,真的比较尴尬 哈哈哈

这个是tab的代码,请直接给我代码吧

<div class="container mt-4">

    <ul id="Tab" class="nav nav-tabs-home mt-4">
        <li class="active"><a href="#lastpost" data-toggle="tab">最近更新</a><div class="marker"></div></li>
        <li><a href="#original" data-toggle="tab">中文原创</a><div class="marker"></div></li>
        <li><a href="#courses" data-toggle="tab">系列课程</a><div class="marker"></div></li>
    </ul>
    <div id="TabContent" class="tab-content">
        <div class="tab-pane active" id="lastpost">
                {include file="common/index_last" /}
        </div>
        <div class="tab-pane" id="original">
            {include file="common/index_original" /}
        </div>
        <div class="tab-pane" id="courses">
            {include file="common/courses" /}
        </div>
    </div>

</div>

查看更多

关注者
1
被浏览
162
Karson
Karson FastAdmin创始人 2019-09-05
FastAdmin!
登录后查看是否有阅读权限
1 个回答

撰写答案

请登录后再发布答案,点击登录

发布
问题

分享
好友

手机
浏览

扫码手机浏览