jquery小部件：draggable可拖拽、droppable可放置、sortable排序

港控/mmm° 2023-06-15 06:44 3阅读 0赞

<table> 
 <tbody> 
  <tr> 
   <th>API</th> 
   <th>描述</th> 
   <th>也属于类别</th> 
  </tr> 
  <tr> 
   <td><a href="https://www.runoob.com/jqueryui/api-draggable.html" rel="nofollow">可拖拽小部件（Draggable Widget）</a></td> 
   <td>允许使用鼠标移动元素。</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td><a href="https://www.runoob.com/jqueryui/api-droppable.html" rel="nofollow">可放置小部件（Droppable Widget）</a></td> 
   <td>为可拖拽小部件创建目标。</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td><a href="https://www.runoob.com/jqueryui/api-mouse.html" rel="nofollow">鼠标交互（Mouse Interaction）</a></td> 
   <td>基本交互层。</td> 
   <td><a href="https://www.runoob.com/jqueryui/ref-utilities.html" rel="nofollow">实用工具（Utilities）</a></td> 
  </tr> 
  <tr> 
   <td><a href="https://www.runoob.com/jqueryui/api-resizable.html" rel="nofollow">可调整尺寸小部件（Resizable Widget）</a></td> 
   <td>使用鼠标改变元素的尺寸。</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td><a href="https://www.runoob.com/jqueryui/api-selectable.html" rel="nofollow">可选择小部件（Selectable Widget）</a></td> 
   <td>使用鼠标选择单个元素或一组元素。</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td><a href="https://www.runoob.com/jqueryui/api-sortable.html" rel="nofollow">可排序小部件（Sortable Widget）</a></td> 
   <td>使用鼠标调整列表中或者网格中元素的排序。</td> 
  </tr> 
 </tbody> 
</table>

发表评论取消回复

表情：

评论列表（有 0 条评论，3人围观）

还没有评论，来说两句吧...

相关阅读

相关 jQuery UI 实例 - 放置（Droppable）

为可拖拽小部件创建目标。如需了解更多有关 droppable 交互的细节，请查看 API 文档 [可放置小部件（Droppable Widget）][Droppable W

超、凢脫俗/ 2024年03月24日 16:05/ 0 赞/ 85 阅读

相关 EasyUI中放置Droppable的使用以及实现拖拽排序

场景效果 ![Image 1][]![20190605202902570.gif][] 实现 webapp下新建droppable文件夹，在其下新建bas

偏执的太偏执、/ 2023年10月18日 19:26/ 0 赞/ 144 阅读

相关 jquery ui draggable,droppable 学习总结

刚接触的时候，分不清draggable和droppable的区别，瞎弄了一会，其实很简单，draggable就是“拖”的功能，droppable就是“放”的功能。一、先上

本是古典何须时尚/ 2023年08月17日 17:02/ 0 赞/ 174 阅读

相关 jquery小部件：draggable可拖拽、droppable可放置、sortable排序

<table> <tbody> <tr> <th>API</th> <th>描述</th> <th>也属于类别</th> </tr>

港控/mmm°/ 2023年06月15日 06:44/ 0 赞/ 4 阅读

相关笔记列表：Draggable 拖拽排序

前言通过上一篇的学习，大家对于 Vue 组件化有了一定的了解。本篇继续使用组件化的思想来实现笔记列表，同时在组件化的基础上，对笔记列表实现拖拽排序的功能。知识准备

r囧r小猫/ 2022年12月09日 05:27/ 0 赞/ 255 阅读

相关 Flutter拖拽小部件

编写初衷 > 因为项目需要浮动按钮所以我这里开发了一个拖动小部件这里直接上代码 import 'dart:math'; import 'packag

缺乏、安全感/ 2022年10月31日 04:18/ 0 赞/ 53 阅读

相关可拖拽排序的vue组件

安装 npm install awe-dnd --save 使用在main.js中，通过Vue.use引入 import VueDND from 'a

青旅半醒/ 2022年10月17日 04:16/ 0 赞/ 223 阅读

相关【jQuery】jQuery弹出框可拖拽移动

1.说明此demo需要用到jQuery和bootstrap，使用前需要先引入相关文件因为内容比较简单，所以就不多说明了 2.相关代码位置排版使用了绝对定

忘是亡心i/ 2022年10月07日 06:48/ 0 赞/ 294 阅读

相关使用jQuery实现div可拖拽功能

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8">

﹏ヽ暗。殇╰゛Y/ 2022年08月06日 12:16/ 0 赞/ 361 阅读

相关 element+Sortable实现表格拖拽

1.先安装sortablejs <template> <el-table :data="Data" align="left"> <el-t

比眉伴天荒/ 2021年12月15日 00:15/ 0 赞/ 379 阅读