jQuery Mobile ThemeRoller을 사용하여 새로운 모바일 웹 사이트의 테마를 만들었습니다. 일반적으로 테마는 잘 작동하지만 ThemeRoller에 표시된 목록 구분 기호는 내 애플리케이션에서 사용되지 않습니다.jQuery 모바일리스트 분배기가 잘못된 견본을 사용하고 있습니까?
ThemeRoller problem http://img.skitch.com/20120416-8fbfbu41abrci1ym8uthatfi4e.png
해당 페이지의 관련 HTML은 다음과 같습니다 :
<div id="schedule" data-role="page" data-theme="a">
<div data-role="content" data-theme="a">
<ul data-role="listview">
<li data-role="list-divider">8:00 am</li>
<li><a href="#session">Welcome & Keynote</a></li>
<li data-role="list-divider">9:00 am</li>
<li><a href="#session">Session title displayed here</a></li>
</ul>
</div>
</div>
나는 심지어 내가에서 발견 된 몇 가지를 추가하려고했습니다
는 여기에 문제를 설명하는 스크린 샷입니다 ThemeRoller 마크 업 :
<li data-role="list-divider" data-swatch="a" class="ui-bar-a" data-form="ui-bar-a">8:00 am</li>
효과 없음. 내가 뭘하든, 수업을 ui-bar-b
으로 설정 한 것 같습니다. Chrome에서 HTML을 실시간으로 수정할 수 있으며 ui-bar-b
을 ui-bar-a
으로 변경하면 정확하게 예상 한 것처럼 보입니다.
내가 잘못 했나요? 아마 jqm 버그일까요?
jqm 1.1.0 및 jquery 1.7.0을 사용하십시오.