添加JQM刷卡事件到列表視圖鏈接

Question

我想找到任何關於如何編寫jquery移動刷卡事件的示例。雖然我理解使用滑動和水龍頭等的主要原因，但我正努力讓一個人工作。如果有人能夠向我展示一個使用href或listview href的輕掃示例，我將不勝感激。由於

<p> 
<ul data-role="listview" data-inset="true" data-theme="c"> 
    <li id="listitem"><a href="#" data-transition="flip">Requests</a><p>Box requests include, Retrieval, Return, New Intake</p></li> 
    <li><a href="./speakers.php" data-transition="pop">Control Panel</a><p>Add Departments, Change Password etc</p></li> 
    <li><a href="./information.html">Information</a><p>System messages, announcements are shown here</p></li> 
</ul> 
</p> 

<script> 

pageCreate() { 
    $("#listitem").swiperight() { 
    $.mobile.changePage("requests.php"); 
    } 
} 

</script> 

Answer 1

活生生的例子是很容易：

• http://jsfiddle.net/yxzZf/4/

JS：

$("#listitem").swiperight(function() { 
    $.mobile.changePage("#page1"); 
}); 

HTML：

<div data-role="page" id="home"> 
    <div data-role="content"> 
     <p> 
      <ul data-role="listview" data-inset="true" data-theme="c"> 
       <li id="listitem">Swipe Right to view Page 1</li> 
      </ul> 
     </p> 
    </div> 
</div> 

<div data-role="page" id="page1"> 
    <div data-role="content"> 

     <ul data-role="listview" data-inset="true" data-theme="c"> 
      <li data-role="list-divider">Navigation</li> 
      <li><a href="#home">Back to the Home Page</a></li> 
     </ul> 

     <p> 
      Yeah!<br />You Swiped Right to view Page 1 
     </p> 
    </div> 
</div> 

相關：

• Adding jquery mobile swipe event

Answer 2

應根據documentation

<li id="listitem"></li> 

pageCreate() { 
    $("#listitem").swiperight() { 
    $.mobile.changePage("url"); 
    } 
}