如何使用jquery sortable对一组元素进行排序并防止放置位置
使用jQuery Sortable对一组元素进行排序并防止放置位置，可以按照以下步骤进行操作：
- 引入jQuery和jQuery UI库：
- 引入jQuery和jQuery UI库：
- 创建HTML结构：
- 创建HTML结构：
- 初始化Sortable：
- 初始化Sortable：
- 样式美化（可选）：
- 样式美化（可选）：
以上步骤完成后，你就可以使用jQuery Sortable对一组元素进行排序了。拖动元素时，其他元素会自动调整位置，放置位置会被限制在父容器内。如果需要对排序结果进行处理，可以监听相关事件，如update事件。
推荐的腾讯云相关产品：腾讯云对象存储（COS）。 腾讯云对象存储（COS）是一种海量、安全、低成本、高可靠的云存储服务，适用于存储大量非结构化数据，如图片、音视频、备份文件等。它提供了简单易用的API接口和控制台操作，可以方便地进行文件的上传、下载、管理和访问控制。腾讯云对象存储具有高可用性和可扩展性，可以满足各种规模的存储需求。
了解更多关于腾讯云对象存储的信息，请访问：腾讯云对象存储（COS）
相关·内容
我想对所有类别及其问题进行排序。 使用我当前的代码，我只能对类别栏进行排序，但问题会留在原处。这是我的html (问题和类别可以是任何数量，因为在创建它们时，它们可以动态添加)： <span id="sortablecats" class="ui-sortable">
<label class="categorytitle ui-sortable-handle" sty
浏览 8提问于2019-01-22得票数 1
回答已采纳
1回答
我使用下面的代码来动态添加新项目 <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script>
<script type="text&
浏览 4提问于2012-09-07得票数 0
回答已采纳
我有一个简单的jquery ui示例。基本上我必须列出项目，每个项目都是可排序的。我想要完成的是:取消对同一列表的排序。举个例子，如果我单击列表1中位置1上的元素，然后将其拖动到位置6，然后将其拖放。我想要防止这种情况发生，但是如果我删除列表2中的元素，这是可以的。$("#sortable").sor
浏览 0提问于2013-01-21得票数 6
回答已采纳
1回答
刷新助手位置
、、、
我使用jquery可排序来对多个容器中的元素进行排序。我的助手选项设置为“克隆”，如下所示 helper: "clone"所以这里要做的是，当一个元素开始拖动时，jQuery创建一个副本并将其附加到主体中当拖动启动时，我的助手可能会改变位置。然而，jQuery认为助手就在它放置
浏览 4提问于2016-03-12得票数 8
回答已采纳
2回答
下面是jQuery UI 和中的示例，我使用的是这个HTML： <li> </li> <button>B</button> <li> </li>
浏览 5提问于2014-05-22得票数 3
回答已采纳
我试图使用jQuery的可排序函数。但有一只虫子。当包含的父位置设置为相对时，我向下滚动。这不管用。它将在与另一个元素碰撞后重新开始工作。在那之前，它将被放置在很远的地方。下次我尝试对任何其他元素进行排序时，它都会正常工作。Repro：$(".sortable").sortable({
浏览 2提问于2022-02-03得票数 0
回答已采纳
1回答
我使用JqueryUI对树中的一组嵌套的ol和li元素进行排序。我还在每个叶节点上放置了空的ol元素，以便可以将子节点添加到叶节点。通过使用Jquery，我可以更改空元素的css类，以便根据需要显示和隐藏它们(添加或删除边框
浏览 1提问于2013-10-11得票数 0
1回答
我有一个带有元素(#sortable)的可排序div (.draggable)。在那里，当我从下到上对元素进行排序时，可以很容易地通过拖动来对元素进行排序，并且我不需要将很多元素拖到顶部。但是，当从上到下对元素进行排序时，我必须将元素拖到远低于所需的位置。是否有任何方法控制<
浏览 3提问于2015-10-03得票数 6
回答已采纳
我是Jquery的新手，正在尝试存储页面上元素的位置和大小，这些元素正在使用Jquery UI插件进行排序。我希望用户“保存”当前布局，并使用php/mysql将数据存储在数据库中，这样当他们重新访问时，元素的大小和位置将是相同的吗？<script type="text/javascript">
$(function()
浏览 0提问于2009-09-05得票数 0
回答已采纳
1回答
我在本地开发页面，所以不幸的是我不能展示一个例子，但我有两个“列表”构建的jQuery移动。然后我会打电话给你所以我基本上有两个独立的排序表。第一组可排序中的一组可
浏览 0提问于2012-03-24得票数 0
3回答
如何确定使用jQuery UI sortable排序的元素的新索引？我有一个无序的列表，每个列表项都有一个id...when，我向上或向下拖动它并放置它，我需要知道新的位置(隐约地说，就像为了给这个新元素腾出空间而移动的元素的id ) ...is这是可能的吗？我尝试使用.mousedown和.mouseup事件并获取this.id...but，它返回两次拖动的相同
浏览 0提问于2011-07-05得票数 3
回答已采纳
Szenario:根据列表的顺序，用户将在下一页获得更多关于它的信息.="sortable_6">Jessica</div></div>
divs被动态地添加到网站上，<e
浏览 2提问于2016-09-06得票数 2
回答已采纳
2回答
我在jQuery中有两个可排序的列表。他们被称为sortable1和sortable2。当用户将一个元素从sortable2拖到sortable1中时，元素在sortable2中克隆。一旦掉到sortable1中，用户就不能将其移动回sortable2，因为已经有另一个移动到它的位置了。我的问题基本上有两个方面：
如何防止掉在sort
浏览 5提问于2012-12-08得票数 2
回答已采纳
你好，这里的所有专家，我的问题都是关于jquery。我使用的是可拖放的方法，我有一个可下垂的div(父)。在可下垂div (父div)的左侧的元素(即div本身)的拖放中，元素被追加到左侧，...if被放置在其向右追加的右侧。
为此，我使用左向右定位(例如:左:30 am，右:40 am)。现在，我也想实现排序.我的意思是，可丢弃容器(父div)中的元素也应该进行排序。我用过ui.sortable。
浏览 2提问于2015-09-22得票数 0
回答已采纳
2回答
不过，我希望用户能够将项目拖到其他divs之上--这个被删除的项应该“变形”到这个div中(希望通过使用append())。元素被拖到的这个特定的div实现了sortable()，因此删除元素放置的位置应该是它在这个可排序列表中的特定位置。其次，添加到可排序div的任何元素都应该能够从这个可排序的div (未附加的)中拖出并返回到工作区的主区域(我不知道如何做到这
浏览 4提问于2015-06-28得票数 0
我正在使用带有ul的jquery sortable，可以移动下面的8个li项：我想限制这一点，以便只有具有img的li项可以排序(在前3项之上)，但是我发现以下情况可能会发生(例如:可以在非图像li之间移动3个图像)：我正在使用下面的HTML结构(与上面的图片相关，类不可排序)：<li class="unsortable">elementsJQUERY</
浏览 0提问于2012-09-14得票数 1
回答已采纳
2回答
我在版本1.12.1中使用jquery-3.2.1.min.js和jquery-ui.min.jsjQuery("#a").sortable();
这一切都很好，因为我可以同时编辑输入元素和排序。但是，当我添加cancel-属性
浏览 5提问于2017-09-14得票数 1
2回答
无法放到空列表上
、、、
dropOnEmpty = truedropOnEmpty = false试过的东西就像：
<ul><li>Present</li></ul>
<ul id="present" class="sortable"></ul> &#x
浏览 3提问于2014-01-01得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
