Jquery可排序:克隆+ appendTo多个可能的目标
JQuery可排序是指使用JQuery库中的sortable()方法来实现对元素的排序功能。通过该方法，可以将元素集合重新排序，并且可以将排序后的元素插入到多个可能的目标位置。
具体实现步骤如下：
- 引入JQuery库：在HTML文件中引入JQuery库，可以通过CDN链接或者本地文件引入。
- 创建可排序的元素集合：在HTML文件中创建需要排序的元素集合，可以使用无序列表（ul）或者有序列表（ol）来包裹需要排序的元素。
- 应用sortable()方法：使用JQuery的sortable()方法将元素集合转换为可排序的列表。例如，如果使用无序列表，可以通过以下代码应用sortable()方法：
$("ul").sortable();- 设置排序选项：可以通过传递一个选项对象来自定义排序的行为。例如，可以设置排序的方向、拖拽的手柄、排序的容忍度等。具体的选项可以参考JQuery官方文档。
- 插入到多个可能的目标位置：使用appendTo()方法将排序后的元素插入到多个可能的目标位置。appendTo()方法可以将元素插入到指定的目标元素内。
下面是一个示例代码，演示了如何使用JQuery可排序实现克隆和插入到多个可能的目标位置：
<!DOCTYPE html>
<html>
<head>
<title>JQuery Sortable</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
$("ul").sortable();
$(".clone-btn").click(function() {
var clonedElement = $(this).parent().clone();
clonedElement.appendTo(".target-container");
});
});
</script>
<style>
.target-container {
margin-top: 20px;
}
</style>
</head>
<body>
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
<div class="target-container">
<h3>Possible Targets:</h3>
</div>
<button class="clone-btn">Clone</button>
</body>
</html>在上述示例中，我们创建了一个无序列表（ul）作为可排序的元素集合。通过sortable()方法，我们使得这个列表可以被排序。在页面中有一个按钮，当点击按钮时，会将列表中的元素克隆，并插入到目标容器（target-container）中。
这里推荐使用腾讯云的云服务器（CVM）来部署和运行这个示例代码。腾讯云的云服务器提供了稳定可靠的计算资源，适合部署各种类型的应用程序。您可以通过以下链接了解更多关于腾讯云云服务器的信息：腾讯云云服务器产品介绍
希望以上内容能够满足您的需求，如果还有其他问题，请随时提问。
相关·内容
当我需要动态添加div块时，我有一个web表单。在div块中有一个可排序的项目表。我通过在最后一个div上调用clone()来添加div和它的子代，并根据需要修复输入(代码被接受，因为它与测试无关)。并将新克隆的div附加到最后一个div的父级。然而，无论我怎么尝试，我都不能让新克隆的div w/子表像它的预测器一样可排序。
我已经在jsFiddle上设置了显示问题的。
对于那些看不到jsFiddle的人，这里有一些相关的片段可以尝试：
HTML部分：
<div>
<div class="inner">
<input nam
浏览 0提问于2013-04-05得票数 1
回答已采纳
3回答
嗨，我从jquery示例中得到了这个小提琴，
它所做的基本上是拖动，然后把黄色的盒子丢到粉红色的部分，克隆黄色的盒子。
这是html
<ul>
<li id="draggable" class="ui-state-highlight">Drag me down</li>
</ul>
<div>
<ul id="sortable">
<li class="ui-state-default">Item 1</li>
<l
浏览 0提问于2014-02-19得票数 0
回答已采纳
2回答
我有两个连接在一起的可排序列表。一个简单地在页面上，另一个在手风琴内。(我使用accordion作为其他列表的容器)
我的目标是让用户可以打开accordion并将项目从列表中拉出并放到页面上。
它可以工作--除了离开手风琴时占位符消失。我尝试过helper：‘克隆’和增加zIndex。
以下是代码的简化版本：
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/redmond/jquery-ui.css" rel="stylesheet" type="text/
浏览 1提问于2010-12-01得票数 2
回答已采纳
3回答
我有以下几点...
<ul>
<li>Item</li>
<li>Item</li>
<li>Item</li>
</ul>
<ul>
<li>Item</li>
<li>Item</li>
<li>Item</li>
</ul>
<ul>
<li>Item</li>
<li>Item</li>
<li&
浏览 1提问于2010-11-04得票数 1
回答已采纳
我有两个列表，我可以使用jQuery sortable在它们之间移动项目。
$( '#productsList, #orderList' )
.sortable({connectWith: '.containerDiv'})
.disableSelection();
然而，当我想要使用自定义滚动条并在两个列表上设置overflow:hidden;时，我遇到了一个问题。我想让他们和max-height:400px在一起。如果我将overflow设置为隐藏，当我将它们拖出一个div之后，我就看不到它们了，如果我没有设置隐藏，列表将有默认的滚动条。有没有人能提出解决方
浏览 1提问于2012-05-27得票数 4
回答已采纳
2回答
希望可以提供帮助，尝试Jquery克隆似乎是有效的，但我得到了“多个”克隆，而不是单个克隆“按下”按钮。
例如:我想克隆这个：
echo '<select class="hello">';
foreach ($pageposts as $post):
echo '<option>'.$post->post_title.'</option>';
endforeach;
echo '</select>';
点击此按钮
echo
浏览 1提问于2010-06-24得票数 2
回答已采纳
我使用可滚动的jQuery工具，一次滚动三个项目的旋转木马，并以自动滚动和循环方式滚动一个项目。
我已经使用CSS来显示这三个项目。在传送带到达最后一项之前，它可以正常工作，它似乎要等到它超过最后一项才加载以下项。
它似乎还要等到中间的项目完全显示后，才会显示最后一个项目。
演示：
有什么我能做的吗？
浏览 2提问于2012-05-03得票数 5
回答已采纳
1回答
可下垂后调整大小不起作用
、、、
我正在经历一个奇怪的问题，在可调整大小的Jquery事件和可丢弃的Jquery事件之间出现了混乱。
问题
我有一个可以很容易调整大小的div。但我不能调整大小后，我拖放这个div到可下垂的区域。有人能帮上忙吗。
这是我的
我有以下代码
Jquery
function makeDraggable() {
$(".selectorField")
.draggable({
containment: $('body'),
helper
浏览 3提问于2014-11-10得票数 3
回答已采纳
我正在尝试使用jquery-ui。我正在使用一个拖放示例，它几乎就是我所需要的，除了不在两个列表之间移动项之外，我希望克隆项：
$(function() {
$("#sortable1, #sortable2").sortable({
connectWith: '.connectedSortable'
}).disableSelection();
});
<ul id="sortable1" class="connectedSortable">
<li class="
浏览 1提问于2010-06-12得票数 0
2回答
我使用的jquery可排序与连接的列表。我有两个问题，其中一个最重要的要求。
拖动li.ui-splitselect-item时，项位于另一个列表的后面
向右拖动项(当鼠标太右时)创建水平滚动
要点： list ul.ui-splitselect-list应该有overflow-y:auto;，因此列表的标题保持不变，并且只滚动列表项。
注意：我之前在上问过这个问题，但是没有注意到我的重要需求在解决方案中丢失了，所以我再次清晰地打开了问题。
JSFIDDLE:
HTML模型：
<div class="ui-splitselect ui-helper-cle
浏览 3提问于2013-10-30得票数 1
回答已采纳
我有以下jquery：
$('.draggable').draggable();
$('.parent .draggable').clone(true).appendTo('.parent');
但现在不允许拖动克隆的元素。我怎样才能使它可拖拽？
浏览 1提问于2014-06-02得票数 0
我使用jQuery UI可排序来重新排序行。我有10 (td)列，其中我只显示了6列，其余4列没有使用display:none显示。
我面临的问题是
在Chrome中，当拖动所有其他行(而不是拖动的行)时，列会收缩，然后在删除行后将其展开到正常大小。为什么行列在拖动时会收缩？
在IE8中，与上面相同，但在删除行后，它们仍然处于收缩模式，没有扩展到正常大小。
请找到下面的代码。我的问题是其他行的宽度正在缩小，而不是可拖动的行。
this.$('.reportTableBody').sortable({
浏览 1提问于2014-04-04得票数 0
这是我的小提琴：
这里的规则是:列表-A是我的项目清单。
我不应该重新订购-A
我不应该能够“删除”从列表-A(当他们被拖到列表-B，它仍然停留在列表-A，但一个副本被移动到列表-B)
我不应该把东西从列表-B拖到列表-A
名单-B是我的来源
我可以从列表-B中删除项目(拖出它们)。
我可以重新订购表-B中的项目。
差不多就是这样。基本上，List-A是源，List-B是目标.大部分我看到我可以使用JQuery进行配置，但我不确定的是列表A中的#1和#2。我如何做列表-A“不可排序”，我如何使它“克隆”而不是移动一个项目？
如能提供任何帮助，将不胜感激。
浏览 1提问于2012-01-06得票数 4
回答已采纳
我需要允许我的用户动态地创建新的类别，然后在类别中创建分支和子分支。为了方便这一点，我构建了一个包含多个嵌套表的html表。每个嵌套表都被自己的div包围。基类别显示在左侧，分支和子分支向右扩展。
为了允许用户创建分支，我在javascript函数中调用了jquery克隆()。如下所示：
function elementCopy(targetTable, targetDiv)
{
var clone = $('.' + targetTable).clone(true).appendTo($("." + targetDiv));
}
浏览 4提问于2015-08-27得票数 0
回答已采纳
1回答
如何使用此实现可拖动的图标标记
到目前为止，我有以下代码：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<
浏览 3提问于2013-11-03得票数 1
1回答
我正在尝试jQuery UI。我有两个div:一个是我的可拖物品，另一个是我的可下流区。我正在克隆可拖放的项目，并将其附加到我的可下垂的div中。我的问题是，我需要将项目添加到放置它的位置(光标所在的位置)，而现在这些项正在添加到可下垂div的底部。有什么想法吗？(对不起，我的英语坏了)。
我的JavaScript：
$(document).ready(function () {
$(".block").draggable({ helper: 'clone' }, { grid: [20, 20] }, { revert: "valid"
浏览 0提问于2017-05-16得票数 2
回答已采纳
5回答
编辑: JSFIDDLE：
-法典：
elem.editor.find("div.ui-widget").draggable(
{
handle:"div.content",
containment:elem.editor,
snap:"*",
start: function(e,ui)
{
$(ui.helper).addClass("dragging");
},
drag: function(e,ui)
{
checkTop(ui)
浏览 7提问于2015-07-04得票数 2
回答已采纳
我有一个菜单系统，我可以将菜单项从一个类别拖放到另一个容器中。我使用可滚动的Jquery工具一次显示一个类别，允许我浏览这些类别。Jquery-scrollable基于溢出而工作，因此任何超出的界限都会被隐藏。效果很好。我的问题是，当从可滚动div拖动时，菜单项保持隐藏状态。我已经在网上搜索过了，有人推荐了下面的内容，但它不起作用。
$(".menu_item").mousedown(function(){$('#menu_item_1').appendTo('body')});
这样做的问题是，只要我拖动menu_item，它就会缩小到正文的底
浏览 3提问于2012-02-17得票数 0
回答已采纳
当用户将菜单项拖到可下拉式区域并将其删除时，您应该会看到删除区域中的元素，原来的元素在上面仍然完好无损，但这并没有发生。正在成功地执行drop功能，因为您可以看到drop函数在成功的drop上启动。如果我在删除元素时查看DOM，就可以看到元素正在被克隆，然后在松开鼠标时立即删除。我需要做什么来实现我想要的元素的拖放？
<div class="node-pallet">
<span>DIAL</span>
<span>GOTO</span>
<span>MENU</span>
&l
浏览 2提问于2020-08-11得票数 0
回答已采纳
我正在使用Bootstrap v4中的Flexbox构建一个包含两个全高列的web应用程序。这两列都包含一个连接的可排序列表，可以使用jQuery UI Sortable对该列表进行排序。
HTML：
<div class="container-fluid h-100 d-flex flex-column p-0">
<div class="row flex-grow-1 p-3">
<div class="row flex-grow-1 p-3">
<div class="col-4 m
浏览 40提问于2019-04-15得票数 1
2回答
我想要应用一个名为copie_contenue的函数来更改我在拖拽原件后创建的副本上的div parent id，但是我的脚本更改了原件而不是副本我也尝试了ui.helper来代替它，但是没有任何反应
$('#model_1').draggable({
connectToSortable:'#global_div',
addClasses: false,
helper:'clone',
stop: function(e,ui) {
$(this).replaceWith(copie_con
浏览 3提问于2011-04-21得票数 2
回答已采纳
我想要以单个DOM元素为目标，并通过使其保持可见来公开它，同时使覆盖覆盖屏幕上的其他所有内容。
就像jQuery.expose()做一样
上面的问题是，如果元素是DOM树中较低位置的子元素，则它不起作用。也就是说，如果元素Y在顶层，而元素X是Y的子元素，那么调用X.expose()就会创建一个在Y上进行z索引的覆盖div。X的z索引设置为9998，但它是Y的子元素，所以它位于覆盖div的下面。
另类解决方案非常受欢迎。我曾考虑做一个.clone()，然后使用appendTo('body')，然后使用offset()来定位克隆，但由于继承的css属性，.clone()并不总是生成
浏览 1提问于2015-01-13得票数 0
我使用下面的jquery将一个div (Keywfeature)的内容克隆到页面上的另一个div (keyfeaturestop)中。我希望能够从第一个div (#keyfeatuers)中获取ul标记，然后克隆它并将其添加到keyfeaturestop div。
$("#keyfeatures").clone().prependTo("#keyfeaturestop");
在jQuery示例页面中，他们将一个粗体元素克隆到一个段落中，请参阅此处我不太擅长使用jquery选择器，但我认为它有一些功能可以做到这一点
谢谢
浏览 6提问于2011-11-06得票数 0
回答已采纳
我正在使用，我的dom元素中有一个名为"sortDate“的字段。我不允许人们更改更新此DOM元素的日期，我想知道是否有一种好的方法可以通过某个dom选择器以编程方式对jquery中的项排序
例如，在下面的代码中，每个可排序项都有一个称为"itemDate“的span。我正在编程地更改这个值，我希望有一种很好的方法来调用jquery可排序，并说：“根据"itemDate”跨度中的值，将列表中的所有项都放到列表中。
<ul id="sortable">
<li class="ui-state-default">
浏览 2提问于2014-05-16得票数 0
回答已采纳
我需要有效地对某些容器中的html节点进行排序。以下是我所做工作的简化版本：
<html>
<ul class="navigation">
<li class="first">Main</li>
<li class="second">HTML и CSS tricks</li>
<li class="third">Study</li>
<li class="fourth">HT
浏览 6提问于2014-01-28得票数 2
回答已采纳
2回答
我想使用jquery来精确复制表的第一行。我在另一个问题中发现了一个非常有用的jquery (向作者道歉，我找不到它了)，并修改了他的小提琴。
我也需要克隆格式-这样：
<tr style="font-weight:bold">Fred</tr>
文字粗体的事实也是克隆出来的。在我发布的小提琴中，粗体格式不会被复制。我怎么能把它包括进去？
浏览 3提问于2015-05-21得票数 0
回答已采纳
3回答
拖放分离和附加克隆
、、、、
编辑：
经过更多的研究，我更好地理解了这个问题：
我需要将img的克隆从它们的父div中分离出来，并将这些克隆附加到一个新的div (#)上。
这两种方法都不起作用：
$(ui.helper).detach().appendTo('#dm-montagem');
$(ui.draggable).detach().appendTo('#dm-montagem');
原始询问：
首先，我对javascript和jquery非常陌生。我学到的一切都是在互联网上通过反复试验得到的。我有一个拖放打扮的游戏，我用jquery做的。您可以在这里查看：
这个代码运行得很好。
浏览 5提问于2018-01-06得票数 3
1回答
我们在这里有一系列TR结构的分层项目，而不是嵌套表结构。因此，我们需要具有拖放具有相同级别的项目的功能，或者具有对相同级别的项目进行排序的功能。
例如，我将尝试将项目1.1移动到项目1.4的下方，该行必须与其子项目(项目1.1.1和项目1.1.2)一起显示在项目1.4的下方。它将工作，但如果您将尝试移动子项，它将不会工作。
我们还应该能够排序/移动Item 1、Item 2和Item 3及其子项。
有关在jQuery UI中进行这些排序的帮助。
var tmpTr = jQuery(ui.item).clone(true, true);
var tmpParent = jQuery('
浏览 2提问于2013-05-15得票数 3
2回答
我正在尝试创建一些类似UI设计器的东西。所以我有一个“工具箱”和“画布”。当我将工具箱项目标记为可拖动时，我可以拖动它们。但我需要的是拖动一个副本，这样我就可以将一个工具项的多个实例拖到画布上。
$('.tool-box-item').draggable({
helper : 'clone',
drag : function (event, ui){
// jQuery does not allow object modification here
},
});
这是不工作的，因为克隆只在拖动时应用，并且一旦拖动完成，原始
浏览 3提问于2016-11-07得票数 0
回答已采纳
1回答
我有两个不同的div，一个满是列表项，另一个是空的。我可以将列表项目从左拖到右。我正在使用引导插件。
有了这个插件，如果我把一个列表从左拖到右，它就会在右边移动，但是我的要求是，如果我拖放一个副本，列表的就会在右边。它不应该动。
所以，如果我从我的例子中说:我把项目5拖到右边，第5项的副本将创建，左边保持不变。
我不知道是否可以用jQuery的UI插件，但我不想使用UI，因为我有一个非常大的文件，我已经有这么多。因此，任何有关这个插件或其他插件的帮助都会对我有帮助，因为我一整天都被困在这里--抱歉，英语不好
JS
var adjustment
$("ol.simple_with_a
浏览 0提问于2014-10-20得票数 0
回答已采纳
1回答
我这里有一个jsfiddle -
并在此处进行现场演示-
它是两个div(黄色)，具有相同的类名‘文章’。
每个黄色的div都包含一个带有类名'images‘(红色边框)的div。
第一个黄色div包含要克隆到IT映像div的映像列表
因此，图像应该克隆到第一个红色边框div中，而不是底部。
那么如何将图像克隆到带有类名的div中呢？
我希望这是有意义的。
<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<title>Title of
浏览 0提问于2013-03-19得票数 0
回答已采纳
我有一个表，它隐藏了第一个TR (style="display:none;")。在表的顶部有一个按钮，允许用户向表中添加一个新行。单击时，我希望复制隐藏的行并将其添加到表的底部。我认为这是最好的方法，因为我可以预先格式化行，以包含我在新行中所需要的内容。
下面是我到目前为止拥有的JQuery：
$(document).ready(function($) {
$(".dispadd").click(function() {
$('#hiddenrow').clone().show().appendTo( $('#hidde
浏览 8提问于2012-11-09得票数 0
回答已采纳
我有一个包含子DIV的容器DIV，如下所示：
<div class="parent">
<div id="one" class="child"></div>
<div id="two" class="child"></div>
<div id="three" class="child"></div>
<div id="four" class=
浏览 0提问于2013-06-22得票数 2
回答已采纳
考虑javascript / jQuery代码：
jQuery("<input/>").attr("type", "button").attr("value", "Click me")
.click(function()
{
alert("hello");
})
.appendTo(".someDiv");
这将创建一个按钮，将一个事件处理程序绑定到该按钮，并将其附加到具有"someDiv“类的所有元素。
浏览 2提问于2009-08-25得票数 0
2回答
我对页面上的一个空白区域进行了克隆和appendTo操作。一旦新项在DOM上，我需要对新添加的项进行一些操作。
下面是我所拥有的疯狂>长的jquery选择器字符串。
$("#listParticipat.jsParticipantRepeat ").clone().appendTo(".jsParticipantPlaceHolder").attr('recid', custIDNum).removeClass("jsParticipantRepeat" ).removeAttr( "id" );
我想做的是
浏览 3提问于2013-09-20得票数 1
回答已采纳
我正在构建一个小部件，允许用户将项目从一个列表复制到另一个列表，但拖动。
我已经弄清楚了助手：“克隆”选项将允许我拖动我的可拖动对象的副本，而不是可拖动对象本身。我想当我把克隆放到我的droppable上时，让它动画/捕捉到位，但我一释放它，它似乎就被销毁了。我怎样才能防止它的破坏，这样我就可以在它发布时自己制作动画了？
我意识到sortable可能会给我提供一些我想要的功能，但我的列表将变得可排序，这是我不想要的。我只想要简单的copy -> release -> snap功能。
浏览 1提问于2010-07-20得票数 1
回答已采纳
我使用以下代码在新div中动态创建div：
var obj = {
name: 'item'
};
obj.html = jQuery('<div/>', { class: 'recommended' });
obj.html += jQuery('<div/>', { class: 'bestbuy' });
jQuery('<div/>', obj).appendTo('#wrapper');
所以，基本上它应该创建这样的东西：
<
浏览 0提问于2013-03-18得票数 2
我尝试使用jquery appendTo来将一个元素复制到另一个容器中。该对象确实被追加了，但已从源文件中删除。有没有一种方法可以在将源元素留在原处的同时添加元素？叫它拷贝，叫它克隆，叫它任何你喜欢的名字。
下面是我当前的代码：
jQuery(document).ready(function()
{
jQuery('#button').appendTo('#panel'); //button should appear ALSO in panel.
});
浏览 0提问于2009-07-29得票数 7
回答已采纳
1回答
ui jquery可拖动元素
、、、、
我想实现一种动态的方式来创建列表拖放，现在只是理论上的，我想拖动一个"ul“标签(list2)到一个空的"ul”标签(mysortable)，然后我想拖动一个“列表”标签(list3)到这2个"ul“标签内，我想让" list”标签作为嵌套的"ul“标签的子级或兄弟标签与内部嵌套的"ul”标签保持一致。到目前为止，如果我更改代码"connectToSortable："div.demo ul.mysortable"，我已经成功地将"list“标记作为内部嵌套的"ul”标记的兄弟，但我不能弄清楚"lis
浏览 2提问于2012-06-26得票数 2
我正在尝试保存一个DOM节点后，将其插入到同一网站的另一个页面。
我在我的扩展中使用jQuery。我在content_script.js中做的事情是：
var variableToStore = localStorage["variableToStore"];
if (variableToStore == null) {
localStorage["variableToStore"] = jQuery("#myDomNode").clone();
variableToStore = localStorage["varia
浏览 2提问于2012-06-12得票数 4
我有两个元素列表，并且在这两个元素上都启用了jQuery UI sortable。我使用connectWith选项使我能够在两个列表之间拖动。
一个列表中有很多元素，所以我向其中添加了overflow-y: scroll，但是当我尝试从该列表中抓取一个元素并将其拖到另一个列表中时，它只滚动列表，而不是整个页面。
我做了一个jsFiddle演示()。向下滚动，并尝试将Item Q从红色列表移动到绿色列表中(通过框顶部的灰色条拖动它)。您将看到红色列表滚动，但页面不会。如何在滚动列表的同时滚动整个页面？
我只是在没有很多选项的情况下启用sortable：
$('.sort').so
浏览 1提问于2011-12-15得票数 10
回答已采纳
下面的html片段包含一个输入、一个选择和一个链接。当我点击链接时，我想要克隆行，我想要将新行附加到最后一行。我也希望链接被删除，并添加到最后一行。我也想把这件事做下去。我将把我的jquery代码放在html下面。
<div id="lines">
<div class="line">
<span>Value</span><input type="text" name="value" class="value"/>
浏览 3提问于2011-04-02得票数 2
回答已采纳
2回答
我正在克隆一个select/ combobox，但我不想克隆它的值、属性或行为，只想克隆一个具有相同可用选项的空组合框。
正在发生的事情是，它也在克隆价值。
你能给我举个小的工作例子吗？
我使用的是jQuery。
我知道你可能会问我的代码，但在这里显示它有点长，因为我使用的是一个第三方插件，它可以处理表格和克隆行。
浏览 0提问于2013-04-04得票数 0
回答已采纳
4回答
我想使用jquery克隆将选定div的内容复制到另一个div。但是我不想把它附加到任何地方
我的意思是，当我们用jquery克隆div时(如果我错了，请纠正我)，我们必须设置它的位置，它将动态地创建一个新的分区并显示出来。
但我想获取选定div的内容并将其复制到另一个预先设置的div
浏览 0提问于2010-10-23得票数 32
回答已采纳
2回答
我在我的FullCalendar实现中为外部事件添加了另一个div，如果用户想要(直观地说明这个想法-> )，则这个div存储收藏夹供以后使用。Im成功地将事件从第一个div拖放到第二个div，我还可以将它们从div2拖出，但由于某些原因不能拖到日历上：
// 2nd div droppable setting
$('#external-events-fav').droppable( {
accept: '#external-events .fc-event',
drop: function (event, ui) {
浏览 3提问于2016-12-27得票数 0
回答已采纳
1回答
我在处理一个简单的jQuery-UI可放/可排序列表时遇到了问题。在源列表中，我有几个可拖动的LI元素，而我的目标列表使用最后一个子元素作为拖放目标。
我有两个问题：
1)即使我使用的是insertBefore，它插入的最后一个子级也是如此。
2) drop目标格式在drop之后表现得很奇怪。块向下下降，就好像它在顶部有一个边距。它应该与新创建的列表元素保持一致。
来演示此问题。将列名从顶部列表拖到底部元素中的拖放目标。为了将这里的代码也保留在问题中，这里有不同的部分：
HTML：
<div id="report_builder">
<ul id="c
浏览 0提问于2012-03-14得票数 0
回答已采纳
我决定处理jquery，并制作一个简单的基于轴测映射的游戏。它呈现一些映射，然后与堆栈有问题。(最大调用堆栈大小超过)，我只是使用背景颜色的瓷砖暂时。
var map = [
"g","g","g","s","s",
"g","g","s","s","w",
"g","g","s","w","w",
"g","g&#
浏览 6提问于2014-09-28得票数 5
回答已采纳
1回答
我正在尝试使用jQuery UI来创建一个可排序的表。对于在加载页面之前已经添加的行，它工作正常。但是，如果用户需要的话，我也可以允许用户添加新行。
不适用于这些附加行的jQuery UI可排序函数。
HTML：
<button id="add" onclick="cloneRow()">Add row(s)</button>
<table id="testTable" class="table">
<thead>
<tr>
浏览 7提问于2022-08-07得票数 0
回答已采纳
我可以克隆一个没有内容的textbox吗？？意思是如果我在克隆后在textbox中输入了一些值，我想要一个空的textbox.Is，这是可能的吗?或者jquery clone将其作为innerHtml返回？
浏览 0提问于2010-12-06得票数 9
回答已采纳
我试图使用jquery可排序列表使用connectWith来完成以下工作：
连接三个列表并在它们之间拖动项目
重置列表，使它们回到原来的状态
再次在列表之间拖动
我能够用这段代码实现步骤1和步骤2，，但不是步骤3。一旦重置发生，我就无法在列表之间再拖动任何东西。
重置由如下代码完成：
$(document).ready(function() {
var sort1 = $("#sortable1").clone();
var sort2 = $("#sortable2").clone();
var sort3 =
浏览 2提问于2015-09-01得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
