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

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 或其他父级是否有影响它的类，但无济于事。我也尝试过从一个元素以编程方式创建按钮，但这也没有用。

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

我不确定是什么原因造成的，绝对可以使用一些关于如何解决这个问题的见解

编辑:添加了更多代码

        <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"，您应该会看到按钮扩展到您要寻找的宽度。