每当用户单击导航栏上的链接时,我使用 Bookblock jQuery 插件作为 div(由图像和文本组成)之间的过渡效果。
不知何故,当导航位于 div 的顶部时,链接将不起作用。
<div class="container">
<ul class="bb-custom-grid" id="bb-custom-grid">
<li>
<ul id="services-submenu">
<li class="bb-current">Page 1</li>
<li>Page 2</li>
<li>Page 3</li>
<li>Page 4</li>
<li>Page 5</li>
</ul>
<div class="bb-bookblock">
<div class="bb-item">
<div>
<!-- CONTENT HERE -->
</div>
</div>
<div class="bb-item">
<div>
<!-- CONTENT HERE -->
</div>
</div>
<div class="bb-item">
<div>
<!-- CONTENT HERE -->
</div>
</div>
<div class="bb-item">
<div>
<!-- CONTENT HERE -->
</div>
</div>
<div class="bb-item">
<div>
<!-- CONTENT HERE -->
</div>
</div>
</div>
</li>
</ul>
</div>
最佳答案
你需要为你的下一个和上一个添加类
<li class="next"></li><li class="previous"></li>
从第 1 页呈现到第 5 页。
例子:
<ul class="services-submen" >
<li class="previous">
<a id="bb-nav-prev" data-toggle="popover" href="#"><i class="fa fa-chevron-left"></i> </a>
</li>
<li class="next">
<a id="bb-nav-next"data-toggle="popover" href="#"><i class="fa fa-chevron-right"></i></a>
</li>
</ul>
关于javascript - 使用 BookBlock jquery 插件导航 Div 内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42660994/