JQuery Mobile按钮在IE9中呈现错误

JQuery Mobile buttons rendered incorrectly in IE9

本文关键字：错误 IE9 Mobile 按钮 JQuery      更新时间：2023-09-26

我有一行JQuery移动按钮创建在一个按钮点击在我的webapp。这些按钮在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中有这个问题(以及其他一些，参见我的其他帖子!)

任何想法?谢谢你,杰森

好吧，这似乎做的伎俩:我只是添加了一个类字段集标签:

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

. .现在渲染效果和预期的一样了，我仍然被上面提到的IE9问题卡住了!

相关文章：