css - jQuery 不能很好地在 Windows Phone 8 手机间隙应用程序中渲染 Angular 落

Question

我有一个用于 Windows Phone 8 的 Phonegap 应用程序，它在内部使用网页。我在 <div> 中做了一个按钮带有 data-role="footer" 的元素该分区内的选项。按钮也是一个 <a>带有 data-role="button" 的元素里面有选项。

按钮的渲染效果并不总是很好，上面出现了一些边 Angular 问题，边 Angular 不是圆 Angular ，而是一个 90 度的白色圆 Angular ，而不是漂亮的蓝色圆 Angular 。

Windows Phone 8 是否存在不支持某些 HTML5 功能和/或 jQuery 功能的已知问题？

编辑 1:

来源(重要部分):

测试按钮.java:

public class TestButton extends Widget {
       private static TestButtonUiBinder uiBinder = GWT.create(TestButtonUiBinder.class);

       interface TestButtonUiBinder extends UiBinder<AnchorElement, TestButton> {}

       AnchorElement mAnchor;

       public TestButton() {

            mAnchor = uiBinder.createAndBindUi(this);

            setElement(mAnchor);

            mAnchor.setAttribute("data-role", "button");
       }
}

..和 TestViewImpl.java:

    @UiField
    TestButton mBackButton;

    @Override
    public TestButton getBackButton() {
        return mBackButton;
    }

.. 和 TestViewImpl.ui.xml:

  <b:TestButton ui:field="mBackButton" dataIcon="arrow-l"
                title="{mI18n.back}" toolbarRight="true" />

编辑 2:

Border-radius bug on <a> in IE9指出当 css3 标签的某些组合不能很好地协同工作时，由于 css3 的不成熟特性可能会出现类似的问题。

现在，我的按钮在 Firefox 中呈现如下:

<a style="font-weight: bold;" data-role="button" data-icon="check" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="b" class="ui-btn ui-shadow ui-btn-corner-all ui-btn-icon-left ui-btn-hover-b ui-btn-up-b"><span class="ui-btn-inner ui-btn-corner-all"><span class="ui-btn-text">Back</span><span class="ui-icon ui-icon-check ui-icon-shadow">&nbsp;</span></span></a>

Answer 1

除非有人提出任何变通办法，否则我目前的调查显示结果是这是 jQuery 本身的错误，应该在 jQuery 之外找到变通办法或修复 jQuery 本身。

来源: 请查看 jQuery 演示页面，例如http://jquerymobile.com/demos/1.1.1/docs/buttons/buttons-themes.html并观察例如使用 wp8 设备的演示页面中的 Swatch“a”。你会观察到奇怪的 Angular 落。我测试了 Lumia 920。

解决方案:等待 1.4 并希望最好的，或者手动组合 1.2 和 1.3 并选择两者中最好的部分。

已编辑的解决方案:是的，1.4.0 已经存在，问题似乎已解决 :) 他们改变了整个外观，所以问题消失了。