jQuery Mobile文檔和演示網站：箭頭不可點擊

Question

我創建了一個具有類似於jQuery Mobile網站的導航UI的小應用。我在製作可點擊按鈕時遇到了一個小問題。當您查看上述鏈接的主頁面時，您會在每個列表項目的最右側看到小箭頭，問題是這些箭頭不可點擊。我怎樣才能讓他們點擊。

我的代碼如下所示：

<div data-role="content"> 
    <ul data-role="listview" data-inset="true" > 
     <li data-role="list-divider" style="background: #969696">Stuffs</li> 
     <li> 
     <a href="#link1"> 
      <img src="someImageURL" align="middle" /> 
      <h3>Stuff1</h3> 
      <p>Stuff1 description</p> 
     </a> 
     </li> 
--- some <li> tags 

Answer 1

我的猜測是，＃LINK1不是頁面或鏈接。

我想看看在Google文檔頁數：

• http://jquerymobile.com/demos/1.0a4.1/#docs/pages/index.html
• http://jquerymobile.com/demos/1.0a4.1/#docs/pages/link-formats.html

• http://jquerymobile.com/demos/1.0a4.1/#docs/lists/lists-split.html

• 活生生的例子：http://jsfiddle.net/ZsSHE/

• 更新了例：http://jsfiddle.net/ZsSHE/13/

HTML

<div data-role="page" id="page1"> 
    <div data-role="header" data-theme="b"> 
     <h1>Page #1</h1> 
    </div><!-- /header --> 

    <div data-role="content"> 
      <ul data-role="listview"> 
       <li><a href="#page2">Page #2</a></li> 
       <li><a href="#page3">Page #3</a></li> 
      </ul> 
    </div><!-- /content --> 
</div><!-- /page --> 
<div data-role="page" id="page2"> 
    <div data-role="header" data-theme="b"> 
     <h1>Page #2</h1> 
    </div><!-- /header --> 

    <div data-role="content"> 
      <ul data-role="listview"> 
       <li><a href="#page1">Page #1</a></li> 
       <li><a href="#page3">Page #3</a></li> 
      </ul> 
    </div><!-- /content --> 
</div><!-- /page --> 
<div data-role="page" id="page3"> 
    <div data-role="header" data-theme="b"> 
     <h1>Page #3</h1> 
    </div><!-- /header --> 

    <div data-role="content"> 
      <ul data-role="listview"> 
       <li><a href="#page1">Page #1</a></li> 
       <li><a href="#page2">Page #2</a></li> 
      </ul> 
    </div><!-- /content --> 
</div><!-- /page --> 

Answer 2

我遇到了同樣的情況，所以這是我臨時的解決辦法

<script type="text/javascript"> 
$("div[data-role='page']").live('pagecreate', function(event){ 
    $('.ui-btn-inner > .ui-icon').bind('click', function() { 
     $(this).prev().children('a.ui-link-inherit').click(); 
    }); 
}); 
</script>