如何使可拖动、可排序列表在拖动时显示其他内容？
要实现可拖动、可排序列表在拖动时显示其他内容，可以使用HTML5的拖放功能和相关的JavaScript库来实现。以下是一个基本的步骤和解决方案：
- 在HTML中创建一个包含拖动项和其他内容的列表。每个拖动项都应该有一个唯一的标识符。
- 在HTML中创建一个包含拖动项和其他内容的列表。每个拖动项都应该有一个唯一的标识符。
- 使用JavaScript监听拖放事件，当拖动项开始被拖动时，显示其他内容。
- 使用JavaScript监听拖放事件，当拖动项开始被拖动时，显示其他内容。
- 实现排序功能，当拖动项在列表中拖动时，更新其位置并重排序其他项。
- 实现排序功能，当拖动项在列表中拖动时，更新其位置并重排序其他项。
以上是一个基本的实现方案，你可以根据具体需求进行扩展和优化。在腾讯云中，你可以使用COS（对象存储）服务来存储相关资源，使用CVM（云服务器）来部署和运行前后端代码，使用CDN（内容分发网络）来加速内容传输等。具体的相关产品和详细介绍可以参考腾讯云的官方文档：腾讯云产品。
相关·内容
我有两列:左和右。流程是将元素从左列拖放到右列中。它工作得很好，但有一个小问题:当可拖动元素从顶部进入可放入区域时，占位符将显示为可放入区域中现有项目列表的最后一个元素。我可以将当前的可拖动项向下拖动一点，然后再次将其拖动到该元素上，占位符将以正确的方式显示。问:如果可拖动元素来自顶部，我如何将占位符显示为项目列表的第0个元素(而不是最后一个)？我应该往哪个方向挖掘？非常感谢。
浏览 0提问于2016-11-24得票数 0
我有一个jQuery可排序列表。当我开始拖动一个项目时，我希望在它被拖动时删除一些文本，以便它在拖动时只显示第一行。例如，我有一个ol：
<ol>
<li>Here is some text. <span>Here is a bunch of other text</span>
<li>Here is some text also. <span>Here is a bunch of other text as well</span>
</ol>
当我开始拖动第一个li时，我希望它在拖动时只显示
浏览 0提问于2012-05-30得票数 0
1回答
感谢您的阅读。
我的rails网页有很多按钮和链接。它们按照div类很好地排序。当我使用jQuery的可拖动函数时，我可以隔离一个提交链接并拖动它。按钮、链接等都是一个整体。太棒了！
如果我将单词"draggable“改为"sortable”以获得我真正想要的效果，那么div提供的功能就会发生变化。一个员额的组成部分不再捆绑在一起。向上投票按钮没有连接到链接上，也没有连接到下票按钮，等等。
我将提供图像和代码，以帮助解释。我很感激你的建议。谢谢。
post组件拖动为一个单元。
post组件在自己的post中进行单独排序。边界线增加，以明确发生了什么。当然，其目标是对整个帖
浏览 6提问于2016-02-25得票数 1
回答已采纳
在可放入区域中拖放元素时更改html。
如下所示：
但是当我删除元素时，更改放置的html。
其他示例:我有两个列表第一个可拖动列表和第二个可放列表，当我从第一个列表拖动元素并将此元素拖放到第二个列表中时，该元素将被克隆到第二个列表中
拖动：
<a href="#">test</a>
丢弃：
<a href="#">test</a>
我想将此html更改为
拖动：
<a href="#">test</a>
丢弃：
<div class="toggle"&
浏览 1提问于2011-12-14得票数 7
我试图使用jquery可排序列表使用connectWith来完成以下工作：
连接三个列表并在它们之间拖动项目
重置列表，使它们回到原来的状态
再次在列表之间拖动
我能够用这段代码实现步骤1和步骤2，，但不是步骤3。一旦重置发生，我就无法在列表之间再拖动任何东西。
重置由如下代码完成：
$(document).ready(function() {
var sort1 = $("#sortable1").clone();
var sort2 = $("#sortable2").clone();
var sort3 =
浏览 2提问于2015-09-01得票数 0
回答已采纳
我有一个可排序的项列表，它根据用户在搜索框中键入的内容返回结果。结果总是溢出，这里我使用以下css：
#list { overflow-x: visible; overflow-y: hidden; }
这允许我只有一个垂直滚动条。然后，我将列表中的李个体拖到一个可下垂的区域。使用下面的JQuery将可排序功能添加到列表中：
$("#list").sortable({
connectWith: ".connectedSortable",
helper: 'clone',
appendTo: 'body',
浏览 2提问于2011-05-19得票数 3
回答已采纳
谁能给我一些关于如何创建可排序列表与标签，也是可拖动的指点。我的意思是，我可以做可排序的列表，但我希望它们也是可拖动的，所以我认为有可能改变它们的位置(例如。将一些从中间移到前面，等等)。我确实把一个列表放在另一个列表中，但这是一个很大的误解。我已经看过了演示，并且正在考虑将可排序列表与portlet混合(包括)。你们有没有更好的解决方案来解决这个问题？
浏览 1提问于2014-08-25得票数 0
我尝试做的是有两个块，一个有所有的“字段类型”可用，另一个他们可以被丢弃和排序。它只能以一种方式工作，从字段类型到可丢弃区域。
现在我实现了两件事，使我的可拖放区域中的字段列表可排序，并使拖放工作(我使用mootools文档)。
但是，这就是问题所在，我的用户需要将字段拖到我的可拖放区域，然后在他可以对其进行排序之后。我找不到一种方法来使字段在拖动瞬间直接可排序...这是一场噩梦。
我希望你能理解我的问题并帮助我。我在互联网上找遍了，但似乎没有人能做出这样的例子。
谢谢！
浏览 3提问于2012-12-10得票数 0
回答已采纳
我想知道是否有人可以在以下情况下给我一些开始:我们有一个可排序的列表(标准离子)，其中我需要一些选项的拖放地点。我会试着用一个例子来解释它。
<ul>
<li>list item 1</li>
<li>list item 2</li>
<li>list item 3</li>
<li name="dropplace">
<span name="option1"></span>
<span name="option2"&
浏览 0提问于2016-08-29得票数 0
2回答
如何使用CSS3转换(或任何其他方法)使的行为更像iOS中的列表重新排序，其中列表项在拖动时平滑地显示动画，因此项在拖动时会迅速消失？
编辑以将其转换为常见问题解答，并为其他想要解决此问题的人节省时间
浏览 0提问于2012-11-07得票数 5
回答已采纳
1回答
我希望实现类似于jQuery UI的可拖动和可排序的功能，但使用Kendo。
这应该允许我从选项列表中拖动，并将它们放在可排序列表中。
以下是jQuery UI功能：
我想要两个面板，一个带有可以被拖动的项目，另一个包含被拖动的项目。我在Kendo上能找到的最接近的东西是：，但是第一个列表(左边)中的项是可排序的，这会将项目从第一个列表中移出。
我在Teleriks网站上查看了所有的Kendo UI示例，但是我看不到任何如何做到这一点的例子。
更新：
我现在已经走了一半。我有两个可排序的列表，我已经添加了代码来阻止‘可拖’项目从排序。但是，当我将一项拖到“可排序”列表时，它将从“可拖动”列表
浏览 1提问于2015-11-04得票数 0
回答已采纳
我有两个列表。在开始时，只有第一个列表有可见元素，第二个列表只有一个隐藏元素。当我拖动时，我会搜索空列表，看看是否只有一个元素，以及它是否通过CSS隐藏。如果是这样，我将从源列表中删除该元素并将其添加到第二个列表中。此外，我需要第二个列表是可排序的，但目前与下面显示的代码，它不工作。
$(function(){
$( '.draggable_base_menu_item' ).draggable( {
containment: '#submenu',
stack: '#submenu ul li',
浏览 2提问于2011-10-04得票数 0
回答已采纳
我有两个连接的ui可排序列表。当其中一个列表为空时，我需要显示一条消息；当该空列表在拖动时悬停时，我需要显示一个带有样式的拖放目标并隐藏空列表消息。我能够编写这些代码的绝大部分和
错误在于，当您从填充的列表拖动到空列表上，然后再次向外拖动时，空列表同时显示空列表占位符和样式化的拖放目标。这是一个屏幕截图：
问题的根源似乎在于我计算sortableList指令的列表是否为空的方法：
scope.isEmpty = function() {
if (!scope.attachments) {
return true;
} else if (scope.dragDirectio
浏览 44提问于2015-08-04得票数 17
回答已采纳
2回答
我有以下JSFiddle：
以下是JS文件的摘录：
$( document ).ready(function() {
$(".box-item-scroll-contents").sortable({
appendTo: "body",
connectWith: ".item-objects-area,.box-item-scroll-contents",
handle: ".drag",
items: ".box-item,.box-it
浏览 5提问于2016-01-17得票数 2
回答已采纳
我在拖拽列表中有一个项目池，它使用connectToSortable选项连接到一个可排序项目。现在，我想从排序列表中删除一些项目，并将它们移回拖动列表。有点像撤销。假设用户将5个项目移动到排序列表，并决定他/她只需要4个项目，并决定只将不需要的项目从排序列表拖到拖拽列表中。如何在不在排序列表中添加“删除”链接的情况下完成此操作。非常感谢。欲了解更多信息，请访问
浏览 0提问于2009-03-24得票数 4
回答已采纳
1回答
我想知道是否有人能帮我解决这个jquery可拖式排序问题？我有一些与一些可排序列表相连接的拖头。当可拖动的助手在可排序的上方，而可排序的占位符是可见的时，我希望可拖动的助手更改宽度(理想情况下是动画)为可排序区域的正确宽度。现在，高度可以保持不变，我只想要可拖动的助手宽度与可排序占位符宽度相匹配。
JSBin文件示例()。所以让我说，我拖动绿色的正方形，这是40 up的宽度和高度时，被捡起。当它被移动到第一个可排序区域(150 to )上时，绿色方格的宽度为150 to。当它移动到第二个可排序区域时，它再次调整到250 to，这就是可排序大小，并且在移动到该区域时不断更改大小。
我似乎无法解决
浏览 0提问于2013-11-21得票数 2
回答已采纳
3回答
当我拖动一个list元素时，我试图弄清楚如何让我的“可排序列表”滚动。
滚动在我要拖动的列表中工作得很好，但在我要拖到的列表中不工作。
提出了另一个类似的问题：
PS。数据透视跟踪器，做得很好。
浏览 6提问于2012-06-14得票数 2
3回答
我正在尝试为我的Java EE应用程序创建一个工具栏。此工具栏包含图标，可以将其拖动到JQuery可排序列表( JSP页面上的DIV列)。我的最终目标是在释放鼠标按钮后显示一个JSP表单。在当前情况下，我的带有图形的列将在成功拖动操作后包含一个图标，这是我不想要的。
我的问题是:如何在松开鼠标按键后立即删除项目，或者从一开始就防止项目下降？
我之所以使用可拖动或可排序的操作，是因为我想知道用户想要将新小部件放在哪里(并保存此位置)。
希望有人能帮我/举个例子
浏览 2提问于2013-01-09得票数 0
我的页面中有几个可排序的列表，在它们之间对项目进行排序很好。
现在，我想实现以下几点：
我想从隐藏列表中的所有列表开始。用户从可见列表中拖动一项，将其移动到页面中onMouseOver事件隐藏可见列表的热点上，并显示用户悬停的热点，以便用户可以继续将该项拖动到该列表中。
此时，一旦隐藏了源列表，拖动操作就会取消。我能防止这种情况发生吗？
浏览 14提问于2019-11-29得票数 1
4回答
我的问题:可排序事件out:当我拖动列表中的内容或对列表进行排序时，会触发该事件。但我只想在我拖出一个项目时启动该函数。
我的代码
$(document).ready(function ust()
{
$('#div1').sortable({
out: function(event, ui) { $('#nfo').append('OUT<br />'); }
});
});
工作示例
浏览 0提问于2010-07-31得票数 24
回答已采纳
1回答
我有多个可排序列(<uls>)，可以在它们之间拖动多个<li>元素。当拖动一个选项时，它会替换光标下面的其他选项，即使我完全禁用占位符。我喜欢的行为是：
游标以下无位移。
当项目被放到<ul>中时，应该将其附加到列表的底部，而不是光标在哪里悬停。
我尝试过forcePlaceholderSize属性，并尝试了高度为0的占位符，但两者都不起作用(前者似乎没有效果，不管它是真是假，而后者总是显示具有某种最小高度的占位符，即使我在CSS中使用!important覆盖它)。
浏览 4提问于2015-05-26得票数 1
我有一个数据绑定到一个项目的列表。我希望能够通过单击列标题对网格进行排序。在对网格进行排序之后，我想通过拖动重新排序来进一步组织它。我的问题是，每当有一种排序时，我就无法拖动重新订购的项目(列表会在删除后自动重新排序)。而且，一旦编辑了一个项目，网格就会被重新排序。我尝试在排序事件中拦截它，但是当“自动排序”发生时，只有当实际的排序被应用到视图时，事件才会被触发。
我尝试将排序视图复制到一个新列表中，然后将itemsource设置为排序列表。这种方法的问题是排序方向不切换。
我鬼混了好几个小时，结果发现我一定错过了一些显而易见的事情。
浏览 0提问于2018-05-15得票数 0
回答已采纳
我有一个可观察到的数组绑定到一个使用JQuery进行拖放重新排序的列表中。我还希望能够从可观察数组中删除项。在我尝试移除已经被重新订购的物品之前，一切似乎都很好。
考虑以下JsFiddle代码：
试着拖动“熊”作为列表中的第三项，然后删除他，这似乎不起作用，但你可以删除其他项目。
有谁知道如何使这个按预期的方式工作吗？
我有一种感觉，它与视图模型的可观察数组的顺序有关，与页面上显示的元素的实际顺序不同步。
.
浏览 5提问于2013-10-05得票数 0
回答已采纳
1回答
我正在尝试将jQuery draggable和sortable结合使用。以下是原因的解释：
我有两个列表框，A和B。我想一次将多个项目从一个列表框拖放到另一个列表框。B列表框需要同时是可排序的，这意味着如果我从A拖动多个项，我可以将它们放在B中的任何位置。我还想对B进行内部排序(同时对多个项目进行排序)。
然而，列表框A是不可排序的，因此我无法对其中的项进行排序，并且当我从B拖动时，我只能将其附加到A，而不能对其进行排序。(或者更确切地说，在拖动到B之前将其移动到其原始位置)
希望我已经解释清楚了。我已经尝试了2天，但是没有在网上找到任何答案。
浏览 3提问于2012-07-27得票数 1
回答已采纳
我在尝试禁止列表元素被图标拖动时遇到了困难。
每个li都有一个图标，当单击时，可以将其删除或添加到另一个列表中。但是，如果您拖动它的图标，它将移除或添加该项。
我希望能够拖动li，但要阻止图标在li上可拖动。
我有一个演示：
我尝试了很多方法都没有成功，但我还是想不通：
$( "#gallery li" ).draggable({
cancel: "a.ui-icon",
revert: "invalid",
containment: "document",
浏览 3提问于2013-03-22得票数 1
我有一个可排序的图像列表。要删除它们，用户需要将它们从可排序列表拖到表示垃圾桶的Droppable div中。我如何才能做到这一点呢？
我是否需要为每个图像添加一个可拖动对象才能使用该可拖放对象？
浏览 1提问于2010-10-20得票数 2
回答已采纳
我正在寻找一种方法来拥有一个类似JQuery的排序列表()，但是其中的一些元素位于固定的不可拖放的位置。
使某些元素不可拖是很简单的，但是它们的位置并不固定，因为它们上面和下面的拖放元素的数量可能会发生变化。
更具体地说:我有一个10项按等级顺序排列的清单。我希望用户能够通过拖动(一个可排序列表)来更改某些项的级别，但不更改其他冻结元素的级别。标准的JQuery可排序不可拖特性允许通过更改冻结项以上或以下的元素数来更改冻结项的级别。
在拖动时，我尝试通过“交换”列表元素来手动完成此操作。也就是说，当一个list元素被拖动到一个非冻结的元素上时，这两个元素的位置就会被交换。这给出了我想要的语义，
浏览 11提问于2012-02-16得票数 6
回答已采纳
我有一个可排序的列表和一些可拖动的元素，它们是我用jquery-ui创建的。我希望将可拖动的元素拖到可排序列表中，这样就可以将它们添加到最后一个列表中。我已经使用了"connectToSortable“选项，但是当我将元素拖到可排序列表上时，没有任何反应。有什么限制吗？
可拖动元素是表的"td“，可排序元素是列表的"li”。
浏览 0提问于2015-05-26得票数 0
1回答
我有一个可拖动项目的列表，我希望能够将它们拖到一个可排序的内容块中。这是我的标记：
<div class='items'>
<div class="one">One</div>
<div class="two">Two</div>
</div>
<div class="content">
<div class="block">Foo</div>
<div class=&
浏览 2提问于2012-09-27得票数 6
回答已采纳
function dropMembers()
{
$("ul.present").sortable({
connectWith: 'ul',
containment: 'window'
//containment: 'ADD_MEMBER_DIALOG'
// sort: function(event, ui) {
// var present_result=$("ul.present").sortable
浏览 3提问于2009-08-29得票数 1
1回答
我有一个可拖项ul (#doc-editor-options ul li)，一个用于删除这些项(#doc-editor-content)的区域，在该区域中有一个ul用于保存这些项(#items-holder)，这是可排序的。这种拖放只是单向的，只有列表中的项目才能拖放到持卡器中。
$("#doc-editor-options ul li").draggable({
helper: 'clone',
connectToSortable: '#item-holder',
containment: $(".doc-edi
浏览 2提问于2011-03-30得票数 1
回答已采纳
我正在创建两个CdkDropList对象，拖放功能运行良好，我的问题是，当我在第一个列表中拖动时，我想禁用排序。假设我有列表A和列表B。我从A拖动到B，当我在列表A上时，我想禁用排序。换句话说，我只想要拖放功能，而不是排序。我可以禁用它吗？
浏览 2提问于2018-11-20得票数 5
关于使以下选项元素可拖动，有什么建议吗？
<select id="expenseSelect" multiple="multiple" style="height:200px">
<option value="a">aaaaaaaa</option>
<option value="b">bbbbbbbb</option>
<option value="c">cccccccc</option>
浏览 0提问于2012-06-18得票数 2
回答已采纳
1回答
我正在尝试为我的网站使用可排序的小工具。我有一个迷你的日程安排应用程序，我想显示一个按天排序的一周的约会列表。
对于这个例子，我们将只使用两天(2个列表)。如果我想将约会(列表项)从第2天拖到第1天，有没有方法可以在我将一个项拖到列表1之后回调列表1的id？在页面加载时，我可以找到父列表的id，但是在排序之后，我似乎无法提取新的id。这有可能吗？
<script type="text/javascript"> $(function() { $("#day1, #day2").sortable({ connectWith: '.so
浏览 2提问于2010-04-14得票数 0
我正在创建一个用户界面，允许用户通过拖放界面创建数据库表(以及它们的字段和关系)。
这是我创建的，虽然它看起来有很多事情发生，但实际上它只是演示问题所必需的最小值。下面是我的需求，jsPlumb分别很好地处理这些需求，但是当我尝试将它们全部处理在一起时，我会遇到问题。特别是，合并#2和#3是一个问题。
“表”可在画布周围拖动(使用jsPlumb.draggable())
表中的“字段”可以通过向上/向下拖动(使用jQuery sortable())重新排序。
用户可以拖动以在两个不同表的字段之间绘制新的“关系”。
当表被拖动时，任何两个表之间的连接线应该自动重新绘制，这样它们总
浏览 5提问于2013-11-05得票数 2
回答已采纳
我有一组jquery UI可拖动项，它们通过helper: 'clone'连接到可排序项。在可拖动对象的receive事件中，我想访问刚刚放入列表中的元素，但似乎没有任何方法可以做到这一点。
我的代码类似于：
$('#drag li').draggable({
helper: 'clone',
revert: 'invalid',
connectToSortable: '#sort'
});
$('#sort').sortable({
receive: functi
浏览 1提问于2013-02-04得票数 0
1回答
我正在做一个项目，我可以在其中生成Word文档，其中一个功能是定义目录。我希望我的目录是一个可排序的jQuery列表，用于对章节进行排序。
我递归地从MySQL表中检索数据，该表的功能与预期一致。由于我发现IE7 (以及可能的其他版本)中有一些奇怪的行为，我又回到了基础知识，并在一个没有任何DB生成的结构的简单HTML文件中尝试了以下方法。
<!doctype html>
<html>
<head>
<script type="text/javascript" src="./jquery-1.3.2.js"><
浏览 2提问于2009-11-24得票数 5
回答已采纳
我的清单是可排序的，这一切都很好。我现在要做的是能够拖动其中一个可排序的li元素，并将其放到其他div上。我知道我可以让另一个div成为ul并使用connectWith特性，但在本例中我不想这样做。
我也尝试在相同的draggable元素上使用li，但是当我这样做时，它们就不再是可排序的了。
如何将可排序的li元素拖到另一个特定的非ul div中？
浏览 4提问于2016-08-29得票数 0
我正在创建一个工具，使用jQuery UI .draggable、.sortable和.droppable特性来构建各种类型的表单生成器。
该工具本身做了以下工作：
包括一个组件列表，用户可以在其中包括(拖动)以创建窗体。
可以将这些组件拖到将它们组合在一起的部分中。
可以有多个部分
在每个部分中，组件都是可排序的。
您可以在这里查看演示：
(注意到：当我将其迁移到演示中的jsfiddle时，删除功能和可能的其他功能都无法工作)。
问题：
这个问题似乎与可排序的可拖式交互方式联系在一起。如您所见，我使用了以下选项：connectToSortable: "
浏览 4提问于2015-05-27得票数 0
回答已采纳
我正在尝试将我找到的几个解决方案结合起来--主要是使用这里在堆栈溢出上找到的答案--非常感谢。
我正在尝试使用jquery创建一个拖放解决方案。我有一个要添加的项目列表。我有我的要求：
当我从“选择”中拖动一个项目时，不应该将它从列表中删除。我正在使用克隆()方法来完成这个任务。
我想要能够选择在“选择”项目被删除的地方。我已经通过使用.sortable()实现了这一点。
我希望能够在“选择”列表中重新订购商品。
如果我双击一个项目从“选择”，我希望它自动添加到底部的“选择”列表。
当项目被添加到“选择”列表中时，我需要更改双击的效果。
我目前的解决方案可以通过以下
浏览 0提问于2017-08-03得票数 0
2回答
ExtJs可排序元素列表
、、、、
像JQuery UI .sortable那样，ExtJs中有可排序列表的实现吗？或者如何使用jQuery UI sortbale将元素从ExtJs布局的东侧面板拖放到布局的中央面板中的可丢弃的可排序元素？现在拖动元素隐藏在布局下:(
浏览 6提问于2009-04-08得票数 2
我的结构如下：
<ul id="trylist">
<li id="1">
<div></div>
<div></div>
</li>
<li>
<ul>
<li id="sub1">
<div></div>
<div></div
浏览 3提问于2014-02-05得票数 0
回答已采纳
1回答
我有这个工作，但我不能让它在我现有的代码工作。
我需要做的是：
因此，当我将复选框中的特性添加到div中时，它会将它们放在一个列表中。我让每个函数都能工作，但不知道如何将两者结合起来。
因此，当您将复选框中的功能添加到div中时，它会将功能字符串添加为一个列表，我可以拖动该列表。
干杯
浏览 2提问于2012-08-16得票数 0
回答已采纳
我有两个元素列表，并且在这两个元素上都启用了jQuery UI sortable。我使用connectWith选项使我能够在两个列表之间拖动。
一个list中有很多元素，所以我添加了overflow-y: scroll。我使用了一个自定义的helper函数来允许我在拖动元素时滚动整个页面。
helper: function(event, element){
// From: http://stackoverflow.com/a/8512783/206403
return element.clone().appendTo('body');
}
如果顶部列表中没有元
浏览 1提问于2012-05-16得票数 2
回答已采纳
您可以在上看到代码
我试图做一些类似的小部件拖放从Wordpress。
我已经非常接近我们想要完成的任务，但是当您将一个项目拖出"Drop区域“并将其放到外部时，我们希望能够将其删除，并发送一个包含更新内容的Ajax调用。这就是为什么我让#的身体下垂。另外，如果您从模块列开始拖动到其中一个放置区域，我希望它在删除之前可以直接排序，并且我能够使用"connectToSortable：'.moduleContainer‘“来完成这个任务，但是现在每次我从模块容器中开始拖动和悬停一个拖放区域，然后继续到另一个拖放区域时，$('#body').droppable
浏览 0提问于2009-07-06得票数 2
2回答
我在版本1.12.1中使用jquery-3.2.1.min.js和jquery-ui.min.js
我想创建一个可排序的列表，并且在该列表中，我希望某些元素是不可排序的(准确地说，是其他可排序列表)。输入元素保持可编辑是很重要的。
<ul id="a">
<li>sometext<input value="1" /></li>
<li>moretext<input value="2" /></li>
<li class="b"&g
浏览 5提问于2017-09-14得票数 1
我目前正在玩可排序的交互在jQuery中。现在，我添加了一个未排序的列表，该列表作为网格显示在我的项目中。源代码与我在中找到的源代码相当。我希望用户能够显示数据库的某些值，让他们将每个项目移动到自己选择的位置，并将更改发送回服务器。我几乎实现了所有这样做，但我不知道如何获得客户端的项目列表，在用户根据他们的需要排序列表。
我的问题是:在用户移动项目之后，如何获得所有项的数组？我试图使用以下内容访问列表的源代码：
$( "#sortable" ).toArray()[0]
它返回一个HTMLUListElement对象。字段innerText是未定义的，innerHTML返回整个
浏览 1提问于2012-03-11得票数 1
回答已采纳
3回答
我有2个相连的可排序列表。一个在手风琴里面。当我试图从accordion中的可排序项中拖动项目时，一旦我离开accordion，辅助对象就消失了。我可以拖放到其他已连接的排序列表中，该项目将会显示，但它不会在我拖动时显示。如果我向下拖动项目，手风琴也会向下滚动。
我可以从其他列表中的任何一个拖放项目到我需要的任何地方，它工作得很好。如何才能使项目在从手风琴内部拖动到外部时不会消失？
我已经尝试了遏制选项，但似乎没有效果。
下面是用于暴露我从这些示例中提取的问题的代码：
我希望能够将项目从手风琴拖到可排序列表中。我实际上可以将它们放到列表中，但当我将它们拖出手风琴时，它们就消失了。
<ht
浏览 0提问于2010-01-11得票数 1
3回答
我正在尝试使用JQuery UI可排序插件，允许用户通过鼠标拖动来更改顺序或列表项。有问题的页面可以在上找到。
相关的JQuery代码在webapp.js中
$("#preferences_list").sortable({
placeholder: "placeholder",
forcePlaceholderSize: true,
update: function(event, ui) {
var order = $(this).sortable("
浏览 8提问于2011-08-27得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
