使用jQuery模拟拖放

Question

我想用jquery或javascript模拟拖放。

我必须在要模拟拖放的数据表上。

 <table class="dataTable table table-hover null table-cells dragDropTable table-draggable"  id='tableListViewFields' data-testid='tableListViewFields'>    
     <thead>
         <tr>
             <th>Name</th>
         </tr>
     </thead>
     <tbody>
         <tr class="drag-cue" data-name="test" data-index="1">
             <td class="no-border-right">
                 test
             </td>
          </tr>

     </tbody>                    
</table>

目标表看起来相同。

那么，如何模拟从行元素到另一个元素的拖放呢？

Answer 1

要模拟将第一行拖放到第二行，可以手动触发drop事件：

$( ".drag-cue:eq(1)" )
   .trigger("drop", $( $( ".drag-cue:eq(0)" ) ));

Answer 2

您可以通过简单的JavaScript HTML5拖放操作来完成此操作，也可以像我使用JQuery插件进行操作一样。 Dragula

Answer 3

我找到了另一个解决方案：我现在使用https://github.com/j-ulrich/jquery-simulate-ext/blob/master/doc/drag-n-drop.md ，该拖放操作非常容易实现