Akina for Typecho主题4.0友联


我以前用的是3.0的主题友联按照教程写的 后来才知道 这样写是错的 我人傻了
正确写法

!!!
<br/>
<div class="links">
    <ul class="link-items fontSmooth">
        <li class="link-item"><a class="link-item-inner effect-apollo" href="http://zhebk.cn/" title="极客锋行-GeekFX" target="_blank" ><span class="sitename">极客锋行</span><div class="linkdes">芝士就是力量</div></a></li>
 <li class="link-item"><a class="link-item-inner effect-apollo" href="http://zhebk.cn/" title="极客锋行-GeekFX" target="_blank" ><span class="sitename">极客锋行</span><div class="linkdes">芝士就是力量</div></a></li>
    </ul>
</div>
!!!

错误写法

!!!
<br/>
<div class="links">
    <ul class="link-items fontSmooth">
        <li class="link-item"><a class="link-item-inner effect-apollo" href="http://zhebk.cn/" title="极客锋行-GeekFX" target="_blank" ><span class="sitename">极客锋行</span><div class="linkdes">芝士就是力量</div></a></li>
    </ul>
</div>
!!!
!!!
<br/>
<div class="links">
    <ul class="link-items fontSmooth">
        <li class="link-item"><a class="link-item-inner effect-apollo" href="http://zhebk.cn/" title="极客锋行-GeekFX" target="_blank" ><span class="sitename">极客锋行</span><div class="linkdes">芝士就是力量</div></a></li>
    </ul>
</div>
!!!

以前这样写都能出来现在不行了 更新到4.0就有问题了 得改格式 我就写了一个jq代码帮你完成
建议还是改友接写法 如果太多就用下面这个
将这段代码加入到header.php的里面

        <script src="https://code.jquery.com/jquery-3.6.0.min.js" type="text/javascript" charset="utf-8"></script>
        <script type="text/javascript">
            $(function(){
                let tmp = $(".links").eq(0).find("li")
                $(".links").eq(0).find("ul").html("");
                $(".links").eq(0).find("ul").append(tmp)
                $(".links").eq(0).find("ul").append($(".links").not(0).find("li"))
                $(".links").not(".links:eq(0)").remove()
                $("br").not("br:eq(0)").remove()
            })
        </script>

这个只是帮你把写错的li放到div里面

声明:小小博客|版权所有,违者必究|如未注明,均为原创|本网站采用BY-NC-SA协议进行授权

转载:转载请注明原文链接 - Akina for Typecho主题4.0友联


Carpe Diem and Do what I like