javascript - 使用 BookBlock jquery 插件进行 Div 内容的导航

Question

每当用户单击导航栏上的链接时，我都会使用 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>

Answer 1

您需要为下一个和上一个添加类

<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>