如何在导航栏 Mobile Jquery 中删除行分隔符

Posted

技术标签:

【中文标题】如何在导航栏 Mobile Jquery 中删除行分隔符【英文标题】:How to remove line separator in navbar Mobile Jquery 【发布时间】:2013-07-02 10:23:56 【问题描述】:

我正在使用 phone gap 开发一个 ios 应用程序。我想在我的应用程序中包含一个标签栏。为此,我包含了以下代码

<div data-role="navbar" class="tabmenu1" data-dividertheme="b" >
                    <ul>
                        <li><a href="#">One</a></li>
                        <li><a href="#">Two</a></li>
                        <li><a href="#">Three</a></li>
                        <li><a href="#">Four</a></li>
                        <li><a href="#">Five</a></li>
                    </ul>
 </div>

出现一个标签栏,每个项目都有一个分隔符。是否可以删除该分隔符,以便标签栏看起来与 ios 默认标签栏完全相同。

【问题讨论】:

【参考方案1】:

工作示例:http://jsfiddle.net/Gajotres/daMhj/

CSS:

.ui-navbar li .ui-btn .ui-btn-inner, .ui-navbar li .ui-btn 
    border: 0 solid red !important;

【讨论】:

以上是关于如何在导航栏 Mobile Jquery 中删除行分隔符的主要内容,如果未能解决你的问题,请参考以下文章

如何在不在页面底部的 div(页面的一部分)中添加 Jquery Mobile 导航栏?

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

jQuery Mobile 导航栏

jQuery Mobile 导航栏

如何删除 jQuery Mobile 导航图标的圆形容器?

jquery mobile中的导航栏图标问题