Question

我的webapp中的按钮单击创建了一排JQuery Mobile按钮。这些按钮在FF和Chrome中渲染得很好，但在IE9中，它们只渲染为正方形（而不是全尺寸矩形），文本大部分都缺失。

这是HTML：

<div id="themes" data-role="popup" data-position-to="#layersImg" data-corners="true" data-transition="none" data-theme="b" data-overlay-theme="a">
    <div class="ui-grid-b">
        <div class="ui-block-a">
            <div data-role="fieldcontain">
                <fieldset data-role="controlgroup" data-type="vertical">
                    <!--<legend><strong></strong></legend>-->
                    <div style="margin-left: 15px; margin-right: 15px"> <a id="firstBtn" data-role="button" data-rel="popup" href="#firstCategory">Title</a>
                   /// and so on ....

我正在使用JQuery 1.7和JQuery Mobile 1.3.0

我只在IE上遇到此问题（以及其他一些问题，请参阅我的其他帖子！）

任何想法？谢谢，杰森

Answer 1

好吧，这似乎可以解决问题：我刚刚在fieldset标签中添加了一个类：

  <fieldset data-role="controlgroup" data-type="vertical" class="ui-btn-right">

..现在他们按预期渲染。我仍然坚持我上面链接的其他IE9问题！

在IE9中，JQuery Mobile按钮呈现不正确

1 个答案: