我想添加滑动事件和可排序事件以同时工作。我在代码中添加了jQuery mobile sortable事件和swipe事件。一次只有一个事件有效。
<div data-role="page" id="exampage">
<div id="exam">
<ul id="sortable" class="listtouch">
<li>List 1</li>
<li>List 2</li>
<li>List 3</li>
<li>List 4</li>
</ul>
</div>
</div>
$("#sortable").sortable();
$("#sortable").disableSelection();
$("#sortable").bind("sortstop", function(event, ui) {
$(this).listview('refresh');
});
$(document).on("pageshow pagecreate", "#exampage", function() {
$("#exam").on("swipeleft swiperight", ".listtouch li", function(event) {
dir = event.type === "swipeleft" ? "left" : "right";
if (dir == 'left') {
$(this).hide("slide", {
direction: "left"
}, 1000);
} else {
$(this).hide("slide", {
direction: "right"
}, 1000);
}
});
});