jquery移动导航栏&；listview项目有时会有圆角

我对navbar和listview项有一个奇怪的问题，有时候jqm创建的标记会添加ui-corner-top和ui-corner-bottom类。这没有文档记录，我也不明白为什么会发生这种情况，我没有任何自定义功能，我使用的是Chrome Mac 17

我的html（更新和删除的数据role=“button”）：

以下是jquery创建的html（data role=“button”已删除，但仍使用圆角进行了增强）：

外观：

同样的情况也发生在页脚导航栏上

它还开始对listview项目执行此操作

JQM的html：

<li data-corners="false" data-shadow="false" data-iconshadow="true" data-inline="false" data-wrapperels="div" data-icon="arrow-r" data-iconpos="right" data-theme="a" class="ui-btn ui-btn-icon-right ui-li-has-arrow ui-li ui-li-has-icon ui-corner-bottom ui-btn-up-a">
  <div class="ui-btn-inner ui-li ui-corner-top ui-corner-bottom">
    <div class="ui-btn-text">
      <a href="#settings" class="ui-link-inherit">
        <img src="editor/images/icons/settings.png" class="ui-li-icon ui-li-thumb" alt="">
        Site settings
      </a>
    </div>
    <span class="ui-icon ui-icon-arrow-r ui-icon-shadow"></span>
  </div>
</li>

在一些1.1.0 RC1演示中也会发生：

从导航栏中的链接标记中删除

数据角色=“按钮”

。它们被初始化为

按钮

小部件和

导航栏

链接小部件，从而生成外观有趣的按钮

---

这是一个演示：

这实际上是jquery mobile collapsable的一个bug，corner类应用于dom中的所有.ui btn内部元素，而不仅仅是collapsable范围内的元素

它已在jquery mobile的最新来源中修复，以下拉取请求详细说明了修复：

---

我已使用此修复程序测试了最新的源代码，它完全解决了问题。

您好，感谢您的帮助，我已删除了先前布局中的data role=“button”我将其保留在中，但它仍在发生，请参阅原始q以获取更新的HTMLUpdate original，它已开始在listview项上执行此操作，有些事情真的很奇怪。它也发生在1.1.0 RC1演示页面上。@Rob我在Firefox 10的文档中看到过，但Chrome 17看起来更好。然而，我的演示在Firefox10中看起来很不错，即使我在你的HTML中加入了它：我昨天也在想同样的事情。您应该将此作为问题发布到“是”，但发布在不相关的内容上。

<div data-role="navbar" data-iconpos="right" class="ui-navbar" role="navigation">
  <ul class="ui-grid-a">
    <li class="ui-block-a"><a href="#" class="help_button ui-btn ui-btn-up-a ui-btn-icon-right ui-btn-up-undefined" data-icon="info" data-iconpos="right" data-corners="false" data-shadow="false" data-iconshadow="true" data-inline="false" data-wrapperels="span"><span class="ui-btn-inner ui-corner-top ui-corner-bottom"><span class="ui-btn-text">Help</span></span></a></li>
    <li class="ui-block-b"><a href="#" id="save_button" data-icon="check" data-corners="false" data-shadow="false" data-iconshadow="true" data-inline="false" data-wrapperels="span" data-iconpos="right" class="ui-btn ui-btn-up-a ui-btn-icon-right" name="save_button"><span class="ui-btn-inner ui-corner-top ui-corner-bottom"><span class="ui-btn-text">Save</span></span></a></li>
  </ul>
</div>

<li data-corners="false" data-shadow="false" data-iconshadow="true" data-inline="false" data-wrapperels="div" data-icon="arrow-r" data-iconpos="right" data-theme="a" class="ui-btn ui-btn-icon-right ui-li-has-arrow ui-li ui-li-has-icon ui-corner-bottom ui-btn-up-a">
  <div class="ui-btn-inner ui-li ui-corner-top ui-corner-bottom">
    <div class="ui-btn-text">
      <a href="#settings" class="ui-link-inherit">
        <img src="editor/images/icons/settings.png" class="ui-li-icon ui-li-thumb" alt="">
        Site settings
      </a>
    </div>
    <span class="ui-icon ui-icon-arrow-r ui-icon-shadow"></span>
  </div>
</li>