Question

如何确定是否被上下拖动？我该如何尝试{：action =＆gt; ＆＃34; P＆＃34;}如果向上拖动{{action =＆gt; ＆＃34; D＆＃34;}拖下来？

Answer 1

您可以使用jquery-ui stop event的draggable object来检查元素的当前位置与原始位置（拖动之前）。

以下是一个例子：

$( function() {
  $( "#draggable" ).draggable({
    stop: function(ev, ui) {
      if (ui.originalPosition.top - ui.offset.top < 0) {
        console.log('Dragged Down');
      } else {
        console.log('Dragged Up');
      }
    }
  });
});

#draggable { width: 55px; height: 55px; padding: 0.5em; font-size: 12px;}

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script>
<div id="draggable" class="ui-widget-content">
  <p>Drag me</p>
</div>

Jquery UI可上下拖动动作

1 个答案: