1. 홈
  2. 질의 응답
  3. jquerymobile에서 listview 기능을 가져 오지 못합니다.

jquerymobile에서 listview 기능을 가져 오지 못합니다.

2013-01-04 5 views
1

저는 jquerymobile에 매우 익숙합니다. 목록보기를 표시하려고하는 샘플을 작성 중이며 이것이 내 코드입니다. 이에 jquerymobile에서 listview 기능을 가져 오지 못합니다.

<!doctype html> 
<html> 
<head> 

<link rel="stylesheet" href="jquery.mobile-1.2.0.min.css"/> 

<script type="text/javascript" charset="UTF-8" src="jquery.js"></script> 
<script type="text/javascript" charset="UTF-8" src="jquery.mobile-1.2.0.min.js"></script> 

</head> 

<body bgcolor="#e8e8e8"> 


<div data-role="page" id="emplist-page"> 

<div data-role="header" data-theme="b"> 
<h1>Employee Details</h1> 
</div> 

<div data-role="content"> 

<ul data-role="listview" id="emplist" data-theme="d"> 
<li data-role="divider">Names</li> 
<li data-icon="arrow-r" >Surendra</li> 
<li data-icon="arrow-r" >Bala</li> 
</ul> 

</div> 

<div data-role="footer" data-theme="b" data-position="fixed"> 
<h1>@2012</h1> 
</div> 

</div> 

</body> 
</html>

가 나는 분배기 및 화살표 아이콘으로 표시되지 디바이더 같은 목록보기의 기능을 못하고 있어요 것은 많은 ListItems 볼 수 없습니다.

이것은 출력물입니다.

enter image description here

나는 이미지는 폴더를 추가했다.

어떻게해야합니까? 사전에

감사합니다.

출처

2013-01-04 surendra

답변

2

태그 안에 만 다음 볼 수 화살표 것입니다 만 다음 사용할 수있는 아이가 있어야합니다 귀하의 리튬 요소 데이터 아이콘 속성 또는 데이터 분할 아이콘 리튬을 볼 수 특성 상. 태그가 링크처럼 작동하지 않는다면 href = "#"을 사용하십시오. 이처럼

:이 약 

 <ul data-role="listview" data-theme="a"> 
      <li><a href="#">item1</a></li> 
      <li><a href="#">item1</a></li> 
      <li><a href="#">item1</a></li> 
     </ul>

더

는 here를 찾을 수 있습니다.

이 예를 살펴 : http://jsfiddle.net/Gajotres/Defxd/

지금 태그없이 살펴 : 또한 http://jsfiddle.net/Gajotres/LwfJ6/

를 그냥이 link를 살펴 시작하는 경우, 그것은 JQM의 컨닝 페이퍼입니다.

출처

2013-01-04 08:04:57 Gajotres

+1

덕분에 bro.You 내 일을 구했습니다. – surendra

관련 문제

 관련 문제