我没有成功寻找一个变量来更改导航栏中单个行中的最大项数。
我刚刚从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手机版错了)