Question

我在jquery mobile中使用以下代码作为按钮设置的样式：

<a data-role="button" data-inline="true"  id="A1" href="#UserDialog" data-rel="dialog" data-transition="slideup"></a>

但按钮显示为包含data-mini =“true”属性。这仅发生在我的SPA Web应用程序的此页面上。我没有CSS规则或类与这个链接有任何连接会导致这种情况。我试过移动页面周围的链接，看看div或其他父级是否有一个影响它的类，但无济于事。我也试过从一个元素以编程方式创建按钮，但是也没有用。

我正在使用Tiatems iOS主题用于jquery mobile，但这似乎是唯一有此问题的页面。

我不确定是什么导致这种情况，并且肯定可以使用一些有关如何解决此问题的见解

编辑：添加更多代码

        <h3>Marketing Rep Information</h3>                  

        <p>
            <b>Name:     </b>  <a data-role="button" data-mini="false" data-inline="true" data-bind="text: CreatorName" id="A1" href="#UserDialog" data-rel="dialog" data-transition="slideup"></a>
        </p>

        <div id="usecTablediv"  data-role="collapsible" data-collapsed="true" data-inset="true">
            <h2>USECs</h2>
                        <table id="usecTable" class="table table-striped table-bordered table-responsive">
                          <thead>
                            <tr>                                  
                              <th>Title</th>
                              <th>USEC</th>
                              <th>Rate</th>
                            </tr>
                          </thead>
                          <tbody>
                             <!-- ko foreach: USECs -->
                             <tr>
                              <td data-bind="text: Title"></td>
                              <td data-bind="text: UsecCode"></td>
                              <td data-bind="text: Rate"></td>
                             </tr>
                              <!-- /ko -->
                            </tbody>
                        </table>
             </div>
        <a id="Signout2"  class="signout" >Sign Out</a>

Answer 1

尝试设置 data-inline =“false”，您会看到按钮展开到您要查找的宽度。

为什么jquery移动按钮显示为迷你？

1 个答案: