ul li响应视图中的.next()和.prev()

时间:2016-10-27 10:53:21

标签: javascript jquery html tabs jquery-ui-tabs

我有一个标签面板,我想在下一个和上一页的响应式视图中放置。像这样http://www.jqueryscript.net/demo/Mobile-friendly-Responsive-Navigation-Plugin-Swipe-Navigation/(调整浏览器大小)

我试图这样做,但我没有运气。我无法正确使用我的脚本。我也从上面的链接尝试了脚本,但仍然无法正常工作。

怎么做?或如何修复我当前的代码?或者有一个简单的方法来做到这一点?请帮帮我。

My code

<ul class="tabs swipenavigation js-swipenavigation'">
   <li class="active"><span class="icons-tabbed icon-icon-tab-locator">Tab 1</span></li>
   <li><span  id="partner-store" class="icons-tabbed icon-icon-tab-howto">Tab 2</span></li>
   <li><span  id="partner-store" class="icons-tabbed icon-icon-tab-howto">Tab 3</span></li>
  <li><span  id="partner-store" class="icons-tabbed icon-icon-tab-howto">Tab 4</span></li>
  <li><span  id="partner-store" class="icons-tabbed icon-icon-tab-howto">Tab 5</span></li>
  <li><span  id="partner-store" class="icons-tabbed icon-icon-tab-howto">Tab 6</span></li>
  <li><span  id="partner-store" class="icons-tabbed icon-icon-tab-howto">Tab 7</span></li>
  <a class='next' href='#'>
    <i class='fa fa-caret-right'></i>
  </a>
  <a class='back' href='#'>
    <i class='fa fa-caret-left'></i>
  </a>
</ul>

0 个答案:

没有答案