jQuery Mobile listview不工作

我想在靜態頁面上創建一個listview。沒有任何動態的。查看我的js fiddle，查看它無法運行的示例。以下代碼也是爲了以防萬一。jQuery Mobile listview不工作

<!DOCTYPE html> 
<html> 
    <head> 
     <meta name="viewport" content="width=device-width, initial-scale=1"> 
     <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css" /> 
     <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> 
     <script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script> 
    </head> 
    <body> 
     <div data-role="page" data-add-back-btn="true"> 
      <div data-role="header" data-position="fixed"> 
       <h1>Page Title</h1> 
      </div> 
      <div data-role="content"><div class="content-primary"> 
<ul data-roll="listview"> 
    <li data-role="list-divider">item1</li> 
    <li><a href="/">item1</a></li> 
    <li>item1</li> 
    <li>item1</li> 
    <li data-role="list-divider">item1</li> 
    <li>item1</li> 
    <li>item1</li> 
    <li>item1</li> 
</ul> 
</div>   </div><!-- /content --> 
      <div data-role="footer" data-position="fixed"> 
       <div data-role="navbar"> 
        <ul id=""><li class=""><a href="http://www.google.com" targe="" id="">My Link</a></li> 
<li class=""><a href="http://www.google.com" targe="" id="">My Link</a></li> 
</ul>    </div><!-- /navbar --> 
      </div><!-- /footer --> 
     </div><!-- page --> 
    </body> 
</html>

來源

2012-07-23 hcker2000

檢查sintax：

<ul data-roll="listview">

應該

<ul data-role="listview">

來源

2012-07-23 13:46:28 jose

良好的漁獲物。我想在食物中毒的同時檢查sintax並不是一個好主意。 – hcker2000 2012-07-23 13:49:49

jQuery Mobile listview不工作

回答

相關問題