JQueryMobile 1.1.1 왼쪽에 고정되지 않은 항목 표시

Question

간단한 축소판 목록을 만들려고하는데 코드가 jqm 워드 프로세서 페이지에서 거의 복사됩니다. 그러나 아래 코드를 사용하면 목록의 button 요소가 목록 항목의 왼쪽에 고정되지 않고 가운데에 나타납니다. 아무도 도와 줄 수 있습니까? 그것은 나를 미쳤다!

나는

<div id="listDiv" class="ui-content" data-role="main"> 
    <div id="listInformation" data-role="content-primary"> 
     <ul id="swipeMeChildrenList" data-role="listview" class="ui-listview"> 
      <li data-corners="false" data-shadow="false" data-iconshadow="true" data-wrapperels="div" data-icon="arrow-r" data-iconpos="right" data-theme="c" class="ui-btn ui-btn-icon-right ui-li-has-arrow ui-li ui-btn-up-c"> 
       <div class="ui-btn-inner ui-li"> 
        <div class="ui-btn-text"> 
         <a href="index.html" class="ui-link-inherit"> 
         <img src="images/album-p.jpg" class="ui-li-thumb"> 
         <p>Ha</p> 
         </a> 
        </div> 
        <span class="ui-icon ui-icon-arrow-r ui-icon-shadow">&nbsp;</span> 
       </div> 
      </li> 
     </ul> 
    </div> 
</div> 

Answer 1

은 무엇 코드는에서 목록을 생성하는 데 사용할 않는 jquerymobile 기본 페이지 템플릿에있는 것보다 다른 어떤 스타일을 없어? 간단한 목록은 다음과 같이 지정됩니다 :

<ul data-role="listview"> 
     <li> 
      <a href="index.html"> 
       <img src="images/album-p.jpg" />Ha 
      </a> 
     </li> 
    </ul> 

jQuery Mobile은 플랫폼에 따라 필요한 모든 클래스를 추가합니다.

Answer 2

나는 새 문서를 열고이 작동하는 경우, 즉 문제를 격리해야 나누기 때까지, 한 조각 씩이 당신과 함께 코드를 대체 즉, 해당 페이지에서

<ul data-role="listview"> 
<li><a href="index.html"> 
    <img src="images/album-bb.jpg" /> 
    <h3>Broken Bells</h3> 
    <p>Broken Bells</p> 
    </a></li> 
</ul> 

를 기본값을 사용하는 것이 좋습니다.