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

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

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

Answer 2

你可以通过简单的javascript HTML5 Drag and Drop或者我使用JQuery插件来做到这一点。 Dragula

Answer 3

我找到了另一个解决方案：我现在使用https://github.com/j-ulrich/jquery-simulate-ext/blob/master/doc/drag-n-drop.md，它具有非常简单的拖放实现

使用jquery模拟拖放

3 个答案: