1 <div data-role="page" id="genlist-swipe" data-add-back-btn="true">
2 <script type="text/javascript">
3 var openSwipe = function() {
4 $("#sw").swipe("open");
6 var closeSwipe = function() {
7 $("#sw").swipe("close");
10 $("#covertest").bind("animationstart", function (ev) {
11 console.log("Swipe cover's animation is start.");
14 $("#covertest").bind("animationend", function (ev) {
15 console.log("Swipe cover's animation is complete.");
20 <div data-role="header" data-position="fixed">
23 <div class="content" data-role="content">
24 <ul data-role="listview">
25 <li data-role="swipe">
26 <div data-role="swipe-item-cover">
29 <div data-role="swipe-item">
30 <div data-role="button" data-inline="true">Twitter</div>
31 <div data-role="button" data-inline="true">Facebook</div>
34 <li data-role="swipe">
35 <div data-role="swipe-item-cover">
38 <div data-role="swipe-item">
39 <div data-role="button" data-inline="true">Twitter</div>
40 <div data-role="button" data-inline="true">Facebook</div>
43 <li data-role="swipe">
44 <div data-role="swipe-item-cover">
47 <div data-role="swipe-item">
48 <div data-role="button" data-inline="true">Twitter</div>
49 <div data-role="button" data-inline="true">Facebook</div>
52 <li data-role="swipe">
53 <div data-role="swipe-item-cover">
56 <div data-role="swipe-item">
57 <div data-role="button" data-inline="true">Twitter</div>
58 <div data-role="button" data-inline="true">Facebook</div>
61 <li data-role="swipe">
62 <div data-role="swipe-item-cover">
65 <div data-role="swipe-item">
66 <div data-role="button" data-inline="true">Twitter</div>
67 <div data-role="button" data-inline="true">Facebook</div>
70 <li data-role="swipe">
71 <div data-role="swipe-item-cover">
74 <div data-role="swipe-item">
75 <div data-role="button" data-inline="true">Twitter</div>
76 <div data-role="button" data-inline="true">Facebook</div>
79 <li data-role="swipe">
80 <div data-role="swipe-item-cover">
83 <div data-role="swipe-item">
84 <div data-role="button" data-inline="true">Twitter</div>
85 <div data-role="button" data-inline="true">Facebook</div>
88 <li data-role="swipe">
89 <div data-role="swipe-item-cover">
92 <div data-role="swipe-item">
93 <div data-role="button" data-inline="true">Twitter</div>
94 <div data-role="button" data-inline="true">Facebook</div>
99 <div data-role="button" data-inline="true" onclick="openSwipe()">
102 <div data-role="button" data-inline="true" onclick="closeSwipe()">
106 <li data-role="swipe" id="sw">
107 <div data-role="swipe-item-cover" id="covertest">
110 <div data-role="swipe-item" >
111 <div data-role="button" data-inline="true">Twitter</div>
112 <div data-role="button" data-inline="true">Facebook</div>
117 <div data-role="footer">