Sortable和Swipe不能同时工作

时间:2019-05-23 13:00:07

标签: jquery jquery-mobile jquery-ui-sortable swipe

我想添加滑动事件和可排序事件以同时工作。我在代码中添加了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);
    }
  });
});

0 个答案:

没有答案