0

jquery モバイルでボタンとしてスタイル設定されたリンクに次のコードを使用しています。

<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 モバイルに 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>
4

1 に答える 1

0

data-inline="false"を設定してみてください。ボタンが探している幅に拡大されるはずです。

于 2013-09-24T14:19:34.200 に答える