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