我试图找到有关如何编写 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>
最佳答案
实例:
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>
相关:
关于jquery - 将 JQM 滑动事件添加到 ListView 链接，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7298915/