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

Question

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

按钮不会总是很好地渲染,它上面出现了一些角落问题,角落没有圆角但是它是90度的白色圆圈而不是蓝色漂亮的圆角.

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

编辑1:

来源(必要部分):

TestButton.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:

IE9中<a>的边界半径错误指出,当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.htmlSwatch "a"并使用 wp8 设备从演示页面观察。你会观察到奇怪的角落。我测试了 Lumia 920。

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

编辑后的解决方案：是的，1.4.0 就在那里，问题似乎已经解决了:) 他们改变了整个外观和感觉，所以问题就消失了。