使用Div jquery插件导航BookBlock内容

Question

每当用户点击导航栏上的链接时，我使用书块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添加类，并在

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