jQueryUI可排序,可拖动的恢复事件
jQueryUI是一个基于jQuery的JavaScript库，提供了丰富的交互效果和组件，包括可排序和可拖动的恢复事件。
可排序（Sortable）是指通过拖拽的方式改变元素的顺序。jQueryUI的Sortable组件可以让用户通过鼠标拖拽来重新排序元素，使得元素可以按照指定的规则进行排序。这在需要对列表或表格进行排序的场景中非常有用。
可拖动的恢复事件（Draggable with Revert）是指元素在拖拽结束后，如果没有被放置到有效的目标位置，会自动返回到原来的位置。jQueryUI的Draggable组件可以让元素变得可拖动，并且可以设置恢复事件，当拖拽结束后，如果没有放置到有效的目标位置，元素会自动返回到原来的位置。
这两个功能可以结合使用，例如在一个列表中，可以使用Sortable实现元素的重新排序，同时使用Draggable实现元素的拖拽。如果拖拽的元素没有被放置到有效的位置，它会自动恢复到原来的位置。
这些功能在各种Web应用中都有广泛的应用场景，例如：
- 任务管理应用：可以使用Sortable实现任务列表的排序，使用Draggable实现任务的拖拽。
- 图片相册应用：可以使用Sortable实现图片的排序，使用Draggable实现图片的拖拽。
- 页面布局编辑器：可以使用Sortable实现组件的排序，使用Draggable实现组件的拖拽。
腾讯云提供了丰富的云计算产品，其中与jQueryUI相关的产品是腾讯云COS（对象存储），它可以用于存储和管理静态资源文件，例如图片、视频等。您可以将jQueryUI的相关文件上传到腾讯云COS中，并通过腾讯云COS的访问链接在网页中引用这些文件。
腾讯云COS产品介绍链接地址：https://cloud.tencent.com/product/cos
相关·内容
我想在我的项目中集成jQueryUI可拖动和可排序，并使用鼠标按下事件和第一个鼠标移动事件的开始时间之间的时间差来区分它们。每次我开始拖动元素时，firebug中显示的html都有正确的draggable/sortable类设置，但它对当前的拖动事件无效。例如，当您第一次拖动时，元素
浏览 0提问于2012-04-24得票数 0
我使用的是jqueryui的可拖动和可排序功能。我的jqueryui版本是1.9.1，jquery版本是1.7.1
我有一组可拖动的项，以及一个可排序的容器。我将可拖动项拖到可排序容器中，并希望在可排序的停止处理程序中读取
浏览 3提问于2012-12-23得票数 7
3回答
因此，我有一个嵌套的jqueryui可排序项和一个可拖动的项，可以将副本拖到任意级别的排序中。参见这里的jsfiddle ( )
问题是，当
浏览 3提问于2012-08-30得票数 3
回答已采纳
1回答
所以我有一个普通的jQueryUI可排序列表，即：
但是，我希望只有当用户单击我的列表项中的特定对象时才触发拖动(或排序)事件。为了便于示例，假设我提供的链接中的箭头将触发拖动事件，但单击文本不会。
浏览 4提问于2013-01-12得票数 0
1回答
当一个元素被拖放到一个无效的目标上时，我想运行一些代码。据我所知，没有为此预定义事件，但我考虑组合以下事件的信息: over、out、remove和stop，以实现这一点。然而，这听起来可能会一团糟，有没有一种更干净的方式呢？
浏览 0提问于2010-08-15得票数 4
回答已采纳
1回答
我看到了可排序事件与JQuery可排序事件和角排序事件之间的差异，尽管我的理解是角事件和选项应该与JQuery相同：
“所有jQueryUI可排序选项都可以通过指令传递。”。下面显示了jquery可排序。在拖动和删除项时，警报将显示已删除项的索引。tolerance: &qu
浏览 0提问于2014-08-21得票数 0
回答已采纳
我正在尝试将jQueryUI拖放元素连接到可排序元素，并始终将助手附加到主体中。当我将拖放元素拖到可排序元素时，助手将被插入到sortable元素中。即使可排序元素在拖动时都附加到body元素。helper: "clone", appendTo: document.body为了证明我的<
浏览 0提问于2014-12-18得票数 4
回答已采纳
3回答
这是jqueryui网站上的一个可拖动的可排序示例，我需要对它使用live()，因为元素是通过ajax创建的，有人知道如何将实时事件应用于以下内容吗？
浏览 2提问于2010-12-21得票数 3
我需要创建具有拖放和排序功能的项目。因此可以将一个项目拖到另一个项目中。我已经看到了一些解决方案，可以通过混入进行拖动，并使用此混入创建一个可拖动视图，然后通过droppable混入从droppable创建另一个视图。另外，我是否可以创建一个jqueryUi混入作为基础混入，然后
浏览 0提问于2012-06-22得票数 4
回答已采纳
有没有什么方法可以将要添加到KendoUI可排序列表中的可拖动项连接到jQueryUI：。我用这个撞了我的头一天，它变得中等滑稽。我应该切换到jQueryUI吗？
浏览 4提问于2014-04-15得票数 8
1回答
我不想要可拖动的排序元素或任何花哨的东西，只想要一个可拖动的元素，就像一个普通的jQuery div可拖动对象：通过Angular做这件事的正确方法是什么我还在使用jQueryUI吗，或者AngularUI中有什么我可以使用的吗？我查看了这两个Angular库，但没有
浏览 1提问于2013-01-30得票数 24
回答已采纳
2回答
当应用浏览器缩放时，我在Safari中遇到了一些基本jQueryUI特性的问题：
jQueryUI对Chrome、Firefox和11浏览器的反应很好。
浏览 5提问于2014-10-08得票数 0
回答已采纳
2回答
请找到我创建的这个jsfiddle 第二个问题是，只有当框被放到"drop here“区域之外的时候，它才必须恢复到可拖动区域。但在这里它只起到了部分作用。如果我从"drop h
浏览 2提问于2013-12-17得票数 2
我有一个可排序的视频列表，使用以下选项进行初始化：第一个和最后一个视频是不可排序的，它们也不能以任何方式拖动-这很棒这将使用connectToSortable选项连接到另一个可拖动的视频列表。我希望能够在isLast和isFirst视频(其中有很多)之间拖动的一些视频，所以对于那些我需要这些项
浏览 0提问于2011-08-22得票数 0
回答已采纳
1回答
编辑:我删掉了这个问题，然后把它放在上面看看被拖动的辅助对象是如何改变的，但元素一旦被拖放就会恢复原状。我有一个链接到可排序列表的可拖动列表
当我从draggable拖动到sortable时，我使用了一个克隆的帮助器，所以原始的仍然留在draggable集合中。每次我将一个克隆从可拖动列表拖
浏览 1提问于2011-03-19得票数 2
回答已采纳
4回答
在jQueryUI开始拖动之前，如何实现一个before事件来更改可拖动元素在DOM中的位置和位置？
浏览 0提问于2013-05-23得票数 4
回答已采纳
2回答
我正在尝试为jQueryUI编写一个helper函数，以设置从“可拖动”列表拖到“可排序”列表中的项的属性。(我需要这样做的原因是，最新版本的jQueryUI删除了拖放项目的'id‘属性) console.log( "sortable stop: drag
浏览 2提问于2011-07-20得票数 6
回答已采纳
1回答
我希望在将可排序对象或可拖动对象拖放到可放置对象时获得相同的视觉效果，在本例中，这就是jQuery的简单隐藏动画。以下内容适用于可拖动的项目： drop: function( event, ui ) { }当拖放时，拖动的可拖放对象会漂亮地生
浏览 0提问于2012-06-15得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
