如果将JQuery可排序元素从一个父元素移动到另一个父元素，则获取原始父ID
基础概念
jQuery 是一个快速、小巧且功能丰富的 JavaScript 库，它简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互。jQuery 的可排序元素通常是通过 jQuery UI 或其他插件实现的，这些插件允许用户通过拖放等方式重新排列元素的顺序。
相关优势
- 简化 DOM 操作：jQuery 提供了一套简洁的 API 来操作 DOM，使得开发者可以轻松地添加、删除或修改页面元素。
- 跨浏览器兼容性：jQuery 处理了许多浏览器之间的差异，使得开发者可以编写一次代码，然后在多个浏览器中运行。
- 丰富的插件生态系统：jQuery 拥有庞大的插件库，可以轻松地实现各种功能，如可排序列表、日期选择器等。
类型
jQuery 可排序元素的类型主要包括：
- 列表排序：如
<ul>或<ol>中的<li>元素。 - 表格排序：如
<table>中的行或列。 - 网格排序：如使用 CSS Grid 布局的元素。
应用场景
- 任务管理：用户可以通过拖放重新排列任务的优先级。
- 图片或内容管理：用户可以通过拖放重新排列图片或内容的顺序。
- 数据分析：用户可以通过拖放重新排列数据列的顺序。
问题及解决方案
问题描述
如果将 jQuery 可排序元素从一个父元素移动到另一个父元素，如何获取原始父元素的 ID？
原因
当元素从一个父元素移动到另一个父元素时，原始父元素的引用可能会丢失，导致无法直接获取其 ID。
解决方案
可以通过在元素上设置自定义数据属性（data-*）来存储原始父元素的 ID，然后在移动元素后读取该属性。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>jQuery Sortable Example</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<style>
.sortable {
list-style-type: none;
margin: 0;
padding: 0;
width: 60%;
}
.sortable li {
margin: 0 3px 3px 3px;
padding: 0.4em;
padding-left: 1.5em;
font-size: 1.4em;
height: 18px;
}
</style>
</head>
<body>
<ul id="sortable1" class="sortable">
<li id="item1" data-parent-id="sortable1">Item 1</li>
<li id="item2" data-parent-id="sortable1">Item 2</li>
<li id="item3" data-parent-id="sortable1">Item 3</li>
</ul>
<ul id="sortable2" class="sortable"></ul>
<script>
$(function() {
$("#sortable1").sortable({
connectWith: "#sortable2",
update: function(event, ui) {
var movedItem = ui.item;
var originalParentId = movedItem.data("parent-id");
console.log("Original Parent ID: " + originalParentId);
}
});
$("#sortable2").sortable({
connectWith: "#sortable1",
update: function(event, ui) {
var movedItem = ui.item;
var originalParentId = movedItem.data("parent-id");
console.log("Original Parent ID: " + originalParentId);
}
});
$(".sortable").disableSelection();
});
</script>
</body>
</html>参考链接
通过这种方式，即使元素从一个父元素移动到另一个父元素，也可以轻松获取其原始父元素的 ID。
相关·内容
我对jQuery ui可排序有一个奇怪的问题。在我的示例中，我有多个列，在每一列中，我有多个可排序项。
我想拖放任何列，在一列中排序是没有问题的。
我有两个问题：
当从一列拖动到另一列时，我需要目标列自动滚动到底部。
水平滚动不自动滚动的列在最右边。
参见我的示例
var configuration2 = {
cursor : 'move',
placeholder : 'highlight',
dropOnEmpty : true,
connectWith : ".conn
浏览 1提问于2019-06-17得票数 1
1回答
我在使用jQuery UI将一些项目从一个多个选择拖放到另一个(一个空的)时遇到了问题。
这是多个选择和js函数的代码：
<div class="availableContainer">
<span style="font-weight: bold">Available items</span>
<select name="@sort1" id="@sort1" multiple="multiple" class="connectedSortable
浏览 4提问于2013-10-08得票数 3
回答已采纳
revertClone：boolean -在移动到另一个列表后，将克隆元素还原到初始位置。
在它的 中，我无法区分真假之间的区别。
有什么帮助吗？
浏览 0提问于2020-03-16得票数 1
回答已采纳
我想知道是否有一种方法可以使用jQuery或javascript来确定给定一个元素，它的宽度是由css样式(内联、继承或直接)设置的，还是由其内容的大小/长度确定的。
浏览 0提问于2011-09-30得票数 3
回答已采纳
1回答
1元堆排序？
、、、
不久前，我们被指派编写一个c程序，该程序使用d-ary max-heap (每个节点最多有d个子节点的堆)对n个数字的数组进行排序。程序需要要求用户输入d的值，一个介于2和数组大小之间的值。当我检查我的程序时，我意外地输入了1作为d的值，不知何故，算法成功地使用1元堆对数组进行了正确的排序，尽管它比正常的d值花费了更多的时间。
那件事怎么可能？一元堆甚至不是堆，它就像一个列表，每个节点只有一个子节点。有人能解释一下这种排序是怎么发生的吗？
浏览 0提问于2010-12-12得票数 6
回答已采纳
我有一个可拖拽的div，它需要放在一个可拖放的东西上。如果它被正确删除，droppable将调用一个AJAX请求。如果可拖动对象没有有效的id或AJAX请求失败，则可拖动对象应恢复到其原始位置。这是可以用jQuery完成的事情吗？！
非常感谢您的帮助！
$("div.draggable").livequery(function(){
$(this).draggable({
revert: 'invalid',
distance: 20
})
});
$("#trash").droppable({
tol
浏览 3提问于2009-08-31得票数 0
我有两个排序通过jQuery可排序插件连接。是否可以为其中之一更改拖放的目标？我不想从#sortable 1拖动到#sortable 2，而是要拖动到$('#sortable').parent()，因为#sortable 2太小了。使其更大，破坏了html布局。
$( "#sortable1, #sortable2" ).sortable({
connectWith: ".connectedSortable"
}).disableSelection();
<ul id="sortable2" class="co
浏览 2提问于2015-08-16得票数 2
回答已采纳
2回答
可拖动和可排序的元素jquery
、、、、
我对可排序列表有个问题。所有列表都有几个可排序的子项。所有的孩子也应该是可拖动的，以便我可以将一个孩子从一个列表拖到另一个列表中。当我同时使用sortable和draggable时，它们会互相覆盖，其中一个会被忽略。
现在，我得到了以下jQuery代码。我还创建了一个jsFiddle来说明我的问题。
// Set sortable to categories
$('.trade-in-template').sortable();
$('.trade-in-category-sub').sortable();
$('.trade-in-category-s
浏览 0提问于2013-06-12得票数 0
回答已采纳
我想要两个带有UL/LI列表的div，我可以将图像从一个拖放到另一个。一切都运行得很好，但当我有很多对象时，我希望一个div获得一个scollbar，而另一个则自动增长。我通过为两者设置overflow:auto来实现这一点。
但奇怪的是，使用UL本身拖动可以很好地工作，但将其拖动到另一个UL会使项目变得‘不可见’
如果我移去overflow:auto它工作正常...
这是我的js：
jQuery("#drag-kunst-in-lijst ul, #drag-kunst-alles ul" ).sortable( {
connectWith: '.sorta
浏览 1提问于2013-11-03得票数 0
我正在做一个游戏，用户应该在计时器到达一秒之前尝试按下按钮，每次用户点击按钮时，按钮都会移动到一个随机的位置。在开始时，按钮居中，但当游戏结束时，按钮显然会随机放置。我有一个重新开始按钮，我想重新居中按钮，以便游戏可以重新开始。
有什么帮助吗？
浏览 18提问于2017-01-31得票数 0
回答已采纳
在给定包含以下内容的asp.net页面的情况下，我遇到了以下内容
<div id='test'>
<input type='checkbox' id='ch1' name='ch1' runat=server />
<input type="button" id="view_test" />
</div>
和下面的jquery代码在对话框中显示此div
$("#view_test").click(function() {
浏览 1提问于2010-01-16得票数 2
回答已采纳
1回答
我有一个包含文字和箭头的列表。我想以这样的方式拖动或排序箭头：
它们可以从一个列表中拖到另一个列表中。
红色箭头不能出现在绿色箭头之前，也就是说，红色箭头总是高于绿色，如果有人试图拖动它上方，它不应该是可能的，它驻留在红色以下。
，这是我迄今为止尝试过的：
$("ul.droptrue").sortable({
connectWith: "ul"
});
.green {
color: green
}
.red {
color: red;
}
li,
ul {
list-style: none;
}
<lin
浏览 7提问于2017-08-17得票数 2
回答已采纳
3回答
我想检测一个元素是否被拖出了容器。
例如：
<div id="container">
<img src="xxx.png" />
</div>
如果我将img元素拖出div。我将删除img元素，但我不知道如何检测img何时超出div。
我正在使用jquery拖放库。
浏览 0提问于2009-07-02得票数 0
回答已采纳
我正在尝试使用jQuery UI的可排序功能来使浏览器弹出窗口中的列表项(即window.open()，而不是某种模式)可排序。基本上：
popup = window.open("", "_blank").document.body;
list = popup.appendChild(...);
$(list).sortable();
然而，jQuery UI中的定位计算似乎正在变得混乱。拖拽东西不会显示流畅的移动-似乎什么都没有发生，但是点击足够多的东西会在整个页面上移动元素(它们被position: absolute样式卡住了)。
在弹出窗口本身内的相同样式
浏览 2提问于2012-08-31得票数 1
回答已采纳
我对jQuery可排序列表有一个问题。我有两份清单。这两个列表是可排序的(完整的ul集)，li子类也是可排序的。因此，您可以对完整的列表位置进行排序，还可以对li位置进行排序，并将li元素从一个列表拖到另一个列表中。
使用每个列表旁边的一个按钮，我可以克隆一个完整的ul列表。因此，我使用克隆(true，true)函数。我使用真正的参数，因为我在按钮上有事件，我希望将它们应用到克隆中。我还希望将可排序函数应用于克隆。
问题：
+++++++++++++++++++++++++++++++++++++
当我只使用clone() 克隆元素：时，
您不能将li元素从ul>-克隆拖到另一个列表，并
浏览 1提问于2013-03-19得票数 1
3回答
将元素移出关联容器
、、、、
为了好玩，我实现了可以想象到的最简单的排序算法：
template<typename Iterator>
void treesort(Iterator begin, Iterator end)
{
typedef typename std::iterator_traits<Iterator>::value_type element_type;
// copy data into the tree
std::multiset<element_type> tree(begin, end);
// copy data out o
浏览 0提问于2013-01-21得票数 8
回答已采纳
它看起来应该管用，但它什么也没做。
我有一个函数，当页面使用SQL数据库中的名称加载时，它会生成一个列表。
var contentString = "<div id='priorityDiv'><ul id='sortable' class='connectedSortable'>";
for (var cntr = 0; cntr < listOfPeople.length; cntr++)
{
contentString = contentString + "<li c
浏览 0提问于2014-04-08得票数 0
回答已采纳
1回答
我有一个日历在生产中使用60天和多达5个可排序的项目，每天，所以是300个可分类的项目。天是<td>元素，事件是<div>的。
在一天内排序和从一天拖到另一天都是缓慢的。当元素进入新的一天或经过另一个可排序项时，它会冻结一段时间。
延迟似乎既与天数有关，也与可排序项目的数量有关。
这是jQuery代码。
$('.calendar-schedule-day').sortable({
items: ".service-trip, .calendar-event",
connectWith: ".calendar-sch
浏览 0提问于2013-01-08得票数 6
回答已采纳
我有两个元素列表，并且在这两个元素上都启用了jQuery UI sortable。我使用connectWith选项使我能够在两个列表之间拖动。
一个列表中有很多元素，所以我向其中添加了overflow-y: scroll，但是当我尝试从该列表中抓取一个元素并将其拖到另一个列表中时，它只滚动列表，而不是整个页面。
我做了一个jsFiddle演示()。向下滚动，并尝试将Item Q从红色列表移动到绿色列表中(通过框顶部的灰色条拖动它)。您将看到红色列表滚动，但页面不会。如何在滚动列表的同时滚动整个页面？
我只是在没有很多选项的情况下启用sortable：
$('.sort').so
浏览 1提问于2011-12-15得票数 10
回答已采纳
1回答
加载时我使用MaterializeCSS框架的预加载程序屏幕。但装上子弹的时候。我用Chart.js创建的图表在预加载程序淡出后不会显示。有人能看看我的代码来解决这个问题吗？
//Preloader
$(window).load(function() {
});
function show() {
$('#preloader').fadeOut(500);
$('#canvas').delay(500).fadeIn();
};
setTimeout(show, 3000);
//Chart.js
var radarChartData = {
浏览 3提问于2015-08-01得票数 0
回答已采纳
1回答
页面上有几个容器是.sortable()，因此<div>中的所有元素都可以使用connectWith选项从一个容器来回移动到另一个容器。但是，如何防止这些元素中的某些元素被删除到特定的可排序列中呢？
每个元素都有一些特定的属性，描述可以在其中移动.sortable()容器的属性。
浏览 2提问于2015-08-19得票数 0
回答已采纳
我很难得到一个由Ember.js使用jQuery.ui创建的列表。
控制器如下所示：
App.ThingyController = Ember.ArrayController.create
content: [
{ name: 'Item1' },
{ name: 'Item2' }
]
模板是这样的：
<script type="text/x-handlebars">
{{#collection contentBinding="App.ThingyController" tagName=&
浏览 1提问于2012-01-24得票数 10
回答已采纳
嘿，伙计们，只是想知道是否有什么方法可以替换一个列表项，而不是从一个连接的列表中附加它，然后将替换的项放在连接的列表中，拖拽的项来自于它？jquery是可排序的吗?这对任何人都有帮助！谢谢
浏览 1提问于2010-11-04得票数 0
根据，我知道emplace_back会在不调用赋值操作符的情况下创建对象。但是在std::vector的情况下，它们调用赋值操作符，而在std::list的情况下，它们不调用赋值操作符。
我的对象不可复制。除了使用指针之外，还有没有其他方法来解决这个问题呢？
在向量中擦除似乎调用赋值运算符，在列表中擦除不调用赋值运算符。在我看来这是不对的..
std是否不支持不可复制的对象？
浏览 1提问于2015-02-10得票数 0
2回答
当拖动一个元素时，可拖动插件可以防止它溢出其他可拖动元素吗？换句话说，当元素到达另一个可拖动元素的边缘时，它是否可以停止拖动该元素？
浏览 1提问于2011-08-15得票数 3
我想知道如何在futter中从一个屏幕导航到主页屏幕。我为主屏幕('/')创建了一个路由，然后在箭头按钮上添加了一个功能，使其弹出主屏幕，但'context‘出现了一个问题，并在红线中加了下划线。 Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[
IconButton(
浏览 9提问于2020-08-26得票数 0
5回答
我试图获取列表的内容，这不是按字母顺序排列的，然后将每一项添加到数组中，按字母顺序排序，然后按字母顺序插入列表中。
简单语言:我需要使用JS或jQuery按字母顺序排列列表。
这是我所拥有的。我只是不知道如何将数组的内容插入到列表中。
(预先谢谢大家:)
var sectors = [];
$("li").each(function() { sectors.push($(this).text()) });
sectors.sort();
console.log(sectors);
<script src="https://ajax.googleapis.com
浏览 6提问于2016-03-24得票数 1
回答已采纳
我尝试使用iframe将一个div元素从一个页面显示到另一个页面。有可能吗？我可能可以获得整个页面，但如果只想要页面的特定部分呢？
浏览 0提问于2013-03-13得票数 0
4回答
我使用的是JQuery Sortable。我想知道是否有可能在经过多次重新排序后，将可排序控件恢复到其原始状态，类似于窗体重置。“取消”选项似乎只影响最后一次排序尝试，而不是所有排序尝试。
浏览 1提问于2012-12-13得票数 11
我试着在网站上做一个标签过滤功能。从一个部门转移到另一个部门是可行的。但把它转回去不管用。
这是我的html：
<h4>Video Tags</h4>
<div id="tagbox-1">
<span class="tag-filter">tag 1</span>
<span class="tag-filter">tag 2</span>
<span class="tag-filter">tag 3<
浏览 5提问于2014-09-06得票数 0
回答已采纳
我使用Jquery "draggable“& "droppable”将元素从一个div移动到另一个div。
当我把元素放入“可掉的”中时，我想存储新的位置。
我可以用：$('draggedElement').position()
唯一的问题是，我将得到相对于“抵消父母”的位置，即“身体”。
我希望它能相对于落点区。
是可以改变“抵消父母”，还是我需要以某种方式计算职位？
Jquery offsetparent()；不接受任何参数。
小提琴
浏览 0提问于2016-05-17得票数 0
回答已采纳
我在ASP.NET对话框中放置了一些JQuery html元素(上传文件)。
我的问题：当我点击按钮上传文件时，什么都不会发生。我在页面加载后动态创建查询对话框。我的解决方案是将HTML/ASP元素(用于上传文件)放在页面正文底部的div中&将其显示设置为none。
打开对话框后，我将HTML/ASP元素移动到JQuery对话框中。但我的问题是，当我单击ASP.NET按钮从对话框中上传文件时，什么都没有发生？
注意，如果我点击按钮，而它的外部JQuery对话框是成功的上传文件。
出什么问题了&我该如何解决这个问题？在页面加载之后，是否有更简单的方法将ASP.NET代码添加到JQ
浏览 4提问于2012-03-05得票数 0
回答已采纳
3回答
我有下面的标记和javascript来排序一些项目。项可以在块内排序，也可以跨其他块排序。它可以工作，但在将项从一个块移动到另一个块后，检索正确的块ID有问题。
例如，如果我将项目1移到“块1”中，就会得到"I in Block= block_1“，但是如果我将项目1移到第2块，我仍然是在块1中。
但是我想把块2作为它的父容器。我需要检索这个id，以便可以执行一些ajax操作并相应地更新db。
，你能帮我纠正一下吗？？
<div id="blocks_sortable">
<div id="block_1">
浏览 4提问于2010-04-06得票数 7
回答已采纳
我有一个从Ajax请求动态填充的jQuery UI可排序列表元素。
目前，工作流程
用户单击按钮，列表将按照指定的设置进行填充和排序。
用户单击另一个按钮，
现有的列表<li>元素被jQuery.empty()调用擦除
新的数据值被插入到新的<li>列表元素中，并附加到<ul>列表中。
可排序列表通过$(“# Sortable”).sortable(“刷新”)刷新；
给定一个可排序的列表对象$("#avail_list").sortable( ... );，我希望禁用特定列表元素的draggable属性，
浏览 2提问于2013-08-19得票数 12
回答已采纳
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
我正在使用引导jquery和。我试着从一个盒子拖到另一个盒子里，从第一个盒子拖到另一个。问题是，我有一个工具提示，在拖动之后，工具提示会做一些奇怪的事情。
尝试将here a拖到第二个列表中，然后将鼠标悬停在a上，您就会看到问题所在。
$('[data-toggle="tooltip"]').tooltip();
Sortable.create(foo, {
group: {
name : 'foo',
pull : 'clone',
}
});
Sortable.create(bar, {
gr
浏览 0提问于2018-12-21得票数 4
回答已采纳
2回答
所以我有一个代码：
jQuery.fn.center = function(parent) {
parent = this.parent();
this.css({
"position": "absolute",
"top": ((($(parent).height() - this.outerHeight()) / 2) + $(parent).scrollTop() + "px"),
"left": ((($(parent).width() - this.outerWidth()) / 2) + $(paren
浏览 5提问于2012-04-09得票数 1
回答已采纳
2回答
这里有一个简单的问题。我有一个'ul‘，我已经通过jquery-ui的sortable()函数使其可排序。当元素从列表中拖出时，我希望将其删除。我实现它的方式是，当我从列表中拖出一个元素时，它会被移除，但当我重新排列列表时，它也会被移除。我如何在没有这种意外行为的情况下实现我正在寻找的行为。以下是所有代码：
<html>
<head>
<link type="text/css" href="jquery-ui/css/ui-lightness/jquery-ui-1.8.17.custom.css" rel="
浏览 0提问于2012-02-23得票数 13
回答已采纳
完全是d3新手，
我用一些非常有用和有用的网络教程做了一个粗略的树状图。
现在，当一个节点被点击时，它的兄弟节点的子节点就会崩溃。
if (d !== root) {
if (d.parent){
d.parent.children.forEach(function(element) {
if (d !== element) {
collapse(element);
}
});
}
}
相反，我现在希望当我单击节点时在每个级别上删除兄弟节点，并在关闭节点时重新出现。
我知道我需要在函数click(d)中
浏览 1提问于2014-11-28得票数 1
我面临两个问题，一个是目标，另一个是无法从console.log()调用获取信息。
让我们先来看看目标：
我在有一个我正在做的项目的。我正在研究的代码是：
jQuery('.collection').droppable(
{
'accept': '.collection > li',
'drop': function(e, ui)
{
console.log('Reached here!');
console.log(this);
浏览 3提问于2017-08-15得票数 0
回答已采纳
1回答
表格行的过渡效果
、、、
我打算在使用HTML表格布局显示的数据页面之间移动时创建一种过渡效果。理想情况下，我希望使用任何常规的jQuery UI转换，然而，事实证明这很困难。
也就是说，如果我对整个表应用一个效果，一切都是正常的。但是，我不希望标题行受到影响，它应该保持静态，所以这是没有用的。
将这种效果应用于<tbody>标记会导致不可预知的结果--在转换过程中，格式化会以不同的方式搞砸。
我可以将效果同时应用于所有表行，而不是包装器元素-但这只适用于统一的效果(如简单的fadeout/fadein)。
我可以将标题作为单独的表，但很难确保列正确对齐，因此布局必须完全固定。这也不是很理想。
有没有更好的
浏览 0提问于2011-06-26得票数 1
回答已采纳
我正在为一个web应用程序使用jQuery ui sortable，我遇到了一个奇怪的问题。代码如下：
$(".internal_controlscontainer").each(
function(index,el){
$(this).sortable({connectWith:".internal_controlscontainer"})
}
);
问题是，当我试图从第一个internal_controlscontainer中抓取一个元素并将其放到第二个internal_controlscontainer中时，它不起作用，但是
浏览 0提问于2012-06-05得票数 3
回答已采纳
1回答
我在一个div.slides中有一个div.slider列表。使用js，我得到了一个NodeList of all .slides I .slider：let slides = document.querySelectorAll('.slider .slide');非常好(还有滑块本身const slider = document.querySelector('.slider');)。
但是，每当我试图从.slides中添加最后一个元素到.slider前面时，它就会删除最后一个.slider。
因此，例如，从一个a b c列表中，它应该是c a b c，但它变成
浏览 2提问于2020-05-06得票数 0
回答已采纳
我有一个可排序的项列表，它根据用户在搜索框中键入的内容返回结果。结果总是溢出，这里我使用以下css：
#list { overflow-x: visible; overflow-y: hidden; }
这允许我只有一个垂直滚动条。然后，我将列表中的李个体拖到一个可下垂的区域。使用下面的JQuery将可排序功能添加到列表中：
$("#list").sortable({
connectWith: ".connectedSortable",
helper: 'clone',
appendTo: 'body',
浏览 2提问于2011-05-19得票数 3
回答已采纳
1回答
从可排序移动到可排序
、、、
有没有办法允许用户将我放在可排序列表(I used jquery ui's $.sortable()函数)中的div拖到不同的可排序列表中？
浏览 0提问于2009-03-04得票数 0
回答已采纳
1回答
是否可以将可拖形状限制为仅在设置的div或区域上拖动？
我在用jQuery。
波林卡，谢谢你的答复。在可拖放参数中使用“包容”选项，我设法解决了问题。
$(".item").draggable({包容：‘#包装’})；
浏览 3提问于2011-11-08得票数 0
回答已采纳
4回答
当我拖动可排序的cannot read property left of undefined UI元素时，我一直得到错误的jQuery。一切都在按我的意愿工作，但我不断地得到错误，并希望修复造成它的问题。
其意图是拥有一个具有多选择能力的可排序列表，这样您就不会被迫一次拖动一个元素。就像我说的，这是有效的，我遵循了上的代码
奇怪的是，当我创建一个包含这个问题的代码库时，我就不会再在控制台中得到错误消息了。我试过弹琴和小提琴。我意识到，如果你自己看不到错误，但我希望有人能发现一个错误，或者给我一些关于检查什么的建议，那就很难排除故障。
下面是和一些代码：
编辑：问题已经解决了，多亏了一条评论。我
浏览 4提问于2015-09-16得票数 0
我正在开发一个拖放-重排序的小部件，用户可以将元素从一个可排序(让我们称之为左框)拖到另一个(右框)。
这里的问题是，我将拥有多个这样的小部件。
我想要做的是将它们配对，这样一个小部件的左框中的项目就不会被拖到另一个小部件的右框中。
我目前的伪代码是：
<ul class = "left">
...
</ul>
<ul class = "right">
...
</ul>
$('.left').sortable
connectWith: '.right'
由于这两个UL是兄
浏览 1提问于2012-06-12得票数 2
2回答
我将元素从一个无序列表拖到另一个无序列表：
$('ul#drag li').draggable({ helper: 'clone' });
$('ul#drop').droppable({
drop: function (event, ui) {
ui.draggable.sourceElement.css(... ...);
}
});
我想在源列表中标记已经拖动的元素(但仍然允许拖动它们)，如何通过jQuery链访问它们？
我想我可以在拖放的元素上设置id属性，当删除时，克隆的元素将具有相同的id，我可以使用它
浏览 4提问于2010-12-07得票数 5
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
