Jquery 将JQM滑动事件添加到listview链接

我试图找到任何关于如何编写jquery移动刷卡事件的示例。虽然我了解使用刷卡和点击等的原理，但我很难让它工作。如果有人能给我举一个使用a 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>

框请求包括，检索，返回，新摄入

添加部门、更改密码等

此处显示系统消息、公告



页面创建（）{
$（“#列表项”）.swiperight（）{
$.mobile.changePage（“requests.php”）；
}
}

根据

页面创建（）{
$（“#列表项”）.swiperight（）{
$.mobile.changePage（“url”）；
}
}

现场示例：

JS:

HTML:

向右滑动以查看第1页



导航



是啊
您向右滑动以查看第1页

相关的：

---

Tsar在您发布的文档链接中，没有示例Tsar不工作。没有滑动效果或移动。请参阅添加到我的问题中的代码。那是正确的加价吗。Thankscheck：是否可以链接到URL而不是新的DIV？如果是，怎么做？谢谢@滑雪板：你有没有试过使用物理页面名，比如“somepage.html”？

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

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

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

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