2013-01-04 31 views
1

我很新jquerymobile。我做了一個示例,其中我試圖顯示一個列表視圖,這是我的代碼。沒有得到jQuery的列表視圖功能

<!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

我加入了圖像也文件夾中。

我該怎麼辦?

在此先感謝。

回答

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備忘單。

+1

感謝bro.You救了我的一天。 – surendra

相關問題