jquery 모바일 버튼이 미니로 표시되는 이유는 무엇입니까?

Question

나는 JQuery와 모바일에서 버튼으로 스타일 링크는 다음 코드를 사용하고 있습니다 :

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

그러나 그것은 데이터 미니 = "true"로 속성을 포함 것처럼 버튼이 표시됩니다. 이 문제는 내 SPA 웹 응용 프로그램의이 페이지에서만 발생합니다. 나는 이것을 야기 할이 링크에 연결될 CSS 규칙이나 클래스가 없다. div 또는 다른 부모 클래스에 영향을 미치는 클래스가 있는지는 알 수 없지만 사용하지 않기 위해 페이지 주위를 이동하려고 시도했습니다. 나는 또한 요소로부터 프로그램 적으로 단추를 만들려고했으나 또한 효과가 없었다.

iOS 테마를 jquery 모바일 용으로 사용하고 있지만이 문제가있는 유일한 페이지 인 것으로 보입니다.

나는이 원인이 확실히이

편집 문제를 해결하는 방법에 대한 몇 가지 통찰력을 사용할 수 있는지 확실치는 :

 <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

가 데이터 인라인 = "false"로 설정하십시오 더 많은 코드를 추가 그리고 당신이 찾고있는 너비로 확장 버튼을 볼 수 있어야합니다.