jquery - Slicknav 在博客上重复出现

Question

在我的这个正在进行中的网站的博客页面上——http: //gratzergraphics.com/clients/ggllc/blog/——Slicknav菜单出现了两次。我无法弄清楚为什么或如何摆脱重复。只有在博客上是这样的。

Answer 1

在您的博客页面上，您正在使用 初始化 slick $('nav')，这是正确的。但是，我在您的博客页面上看到，在第 184 行您还有另一个<nav>标签：

<nav class="navigation pagination" role="navigation">
 <h2 class="screen-reader-text">Posts navigation</h2>
 <div class="nav-links"><span class='page-numbers current'><span class="meta-nav screen-reader-text">Page </span>1</span>
    <a class='page-numbers' href='http://gratzergraphics.com/clients/ggllc/blog/page/2/'><span class="meta-nav screen-reader-text">Page </span>2</a>
    <span class="page-numbers dots">&hellip;</span>
    <a class='page-numbers' href='http://gratzergraphics.com/clients/ggllc/blog/page/7/'><span class="meta-nav screen-reader-text">Page </span>7</a>
    <a class="next page-numbers" href="http://gratzergraphics.com/clients/ggllc/blog/page/2/">Next page</a></div>
</nav>

所以看起来因为你有 2 个<nav>标签并且你正在使用$('nav')你的选择器，你会看到 2 个插件实例。您可以摆脱它，也可以只使用类或 ID 定位光滑的导航。希望这可以帮助你。