Question

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

Answer 1

在您的博客页面上，您正在使用$('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来定位光滑的导航。希望这会帮助你。

Slicknav在博客上重复出现

1 个答案: