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

您需要为

中的next和previous添加class

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