jQuery Mobile导航栏中每行超过5项

前端之家收集整理的这篇文章主要介绍了jQuery Mobile导航栏中每行超过5项前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我没有成功寻找一个变量来更改导航栏中单个行中的最大项数。

我刚刚从jQuery Mobile开始,尝试创建一个带有大约7个单字母项目的导航栏。当超过5个项目存在时,导航栏会自动打包,这对我的项目是不合需要的。

任何人都可以指出我在代码或css中调整这种行为的一块?

解决方法

使用jQuery mobile 1.4.0,我所要做的就是创建自己的CSS类:
.mytab {
    width: 12.5% !important;  /* 12.5% for 8 tabs wide */
    clear: none !important;  /* Prevent line break caused by ui-block-a */
}

并列入我的清单:

<ul id='tabsList'>
  <li class="mytab"><a href="#tab1" data-ajax="false">One</a></li>
  <li class="mytab"><a href="#tab2" data-ajax="false">Two</a></li>
  <li class="mytab"><a href="#tab3" data-ajax="false">Three</a></li>
  <li class="mytab"><a href="#tab4" data-ajax="false">Four</a></li>
  <li class="mytab"><a href="#tab5" data-ajax="false">Five</a></li>
  <li class="mytab"><a href="#tab6" data-ajax="false">Six</a></li>
  <li class="mytab"><a href="#tab7" data-ajax="false">Seven</a></li>
  <li class="mytab"><a href="#tab8" data-ajax="false">Eight</a></li>
</ul>

(原来的答案有jQuery手机版错了)

猜你在找的jQuery相关文章