问题标签 [jquery-clone]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
1311 浏览

javascript - 如何以克隆形式重命名所有 id (javascript)?

我有一个以这种方式克隆的表单(commonStuff)(以及一个在 jquery mobile 中设计的 html 页面,该表单多次出现,被克隆):

和这个功能

它将前缀'form1_','form_2'(currentPrefix)添加到表单中任何元素的id和名称,并应用于commonClone(并递归地应用于他的儿子)。

在文本输入的情况下,它可以完美地工作,例如

但它在单选按钮上失败了

将重命名应用于“fieldcontain”和“controlgroup”等外部 div。如果我删除这两个 div,它会起作用,但图形效果是不可接受的......

到目前为止,我发现问题出在最后一个“else if”块中,因为它不关心兄弟姐妹,但我真的不知道如何解决这个问题。任何想法?

编辑:此代码来自此答案How to create a tabbed html form with a common div

0 投票
3 回答
1135 浏览

javascript - jQuery 之前无法使用 html 进行 clone() 和 appendTo()

人们在这里是因为我有这个实际上不起作用的代码,它基本上复制一行并为新条目创建一个新行。正在使用clone()appendTo()

JSFIDDLE

但是,如果您删除了 html 的最后一部分,它会起作用,似乎如果有一个新标签,它会使用磨损的语法,请有人帮我解决这个问题吗?

谢谢!

0 投票
0 回答
80 浏览

jquery - 克隆的元素在 Jquery 中无法排序

当我将它放在可排序列表中时,下面的 Jquery 可克隆元素不会变得可排序,它会一直恢复到原来的位置。我在可克隆元素中使用了 connectToSortable 选项。请帮助我确定我犯的错误。

0 投票
1 回答
94 浏览

jquery - Jquery克隆不会复制所有的html

请告知如何在下面克隆整个行,目前只插入“3”。

我想插入以下内容,例如

jQuery:

html:

0 投票
0 回答
602 浏览

jquery - 如何使用jQuery销毁()特定元素并在克隆上重新初始化

我有以下问题:

我为我的应用程序使用了超薄图像裁剪插件,但是在克隆 html 并重新初始化插件时遇到了一些问题。

我正在销毁对象,以便在克隆新字段后使插件正常工作。问题是我克隆时选择的图像正在被删除。有更好的方法吗?

html代码:

jQuery代码:

0 投票
2 回答
322 浏览

jquery - Jquery克隆元素不可点击

我的 Jquery 可克隆元素不可点击。我想要的是克隆的li元素在单击时具有绿色背景。当克隆的元素被拖放到可放置 div 时,它们会停止使用我的 Jquery 脚本,特别是这个脚本:

$(".canvas li").on("click", function(){ $(".canvas li").css("backgroundColor", "green"); });.

我尝试了多种解决方案,如 .clone(true) 或 .clone(true, true),我什至用谷歌搜索了它,但我发现的结果并没有解决我的问题,所以这不是重复的。

...

$(文档).ready(函数() {

...

...

** 所以这里是 CodePen:CodePen

0 投票
1 回答
1766 浏览

jquery - 如何使Jquery可拖动元素在放置时附加到可放置

编辑:我希望最终克隆的元素可以拖动到 droppable 中的任何位置,我不希望它是可排序的。

我试图在拖放时将可拖动克隆元素附加到放置元素。当可拖动元素在可放置元素内 ,我希望它(可拖动元素)在可放置元素内拖动。现在可拖动克隆元素可以从它的位置拖动,当它被放下时它变得不可拖动。所以请帮助我实现我的目标。谢谢。

这是代码:

0 投票
2 回答
266 浏览

php - 在 jQuery 克隆表单字段上丢失单选值

我不擅长 PHP 表单和邮件功能,但是...

我正在尝试建立自己和 RSVP 表格(http://adrianandemma.com/),人们可以在其中添加他们的姓名并选择是/否参加。他们还可以单击链接以回复其他人。如果单击,这将通过 jQuery 克隆名称和无线电。

提交表单后,我试图通过电子邮件将详细信息发送给自己。该电子邮件当前正在提交,如果我一次收到一封包含 3 个 RSPV 名称的电子邮件,那么 3 个名称值将通过电子邮件很好地通过,但我只有第一个人是/否答案的值。

任何人都可以帮助诊断为什么我克隆的单选按钮值没有通过电子邮件发送吗?

这是我的表格:

...这是我的 php 邮件代码:

我的简单 $error 验证似乎也有问题。如果我提交的表单目前没有填写任何内容,它只会向我显示有关空单选按钮而不是空的“名称”字段的错误消息,不知道为什么会这样?

任何帮助都会非常棒,因为我正在努力完成这项工作。

谢谢 :)

...抱歉应该包括这是我目前通过电子邮件收到的内容的一个示例,如果说我收到了 3 个姓名的回复:

0 投票
2 回答
1928 浏览

javascript - 如何使用 jQuery 在克隆输入上增加名称 attrVal 数组?

我正在尝试为我的婚礼设置一个 RSVP 表单,您可以一次将几个字段克隆到一个以上的客人的 RSVP ( http://adrianandemma.com/ )。这些克隆的字段包括几个用于“参加是/否”的单选按钮。

当我克隆单选按钮时,我试图将它们的名称属性从 name="coming[0]" 增加到 name="coming[1]", name="coming[2]", name="coming[3] “, ETC。

我需要尝试这样做,因为每个克隆的单选按钮都需要具有唯一的名称属性,否则您一次不能选择多个是/否答案。这意味着我不能只使用一个空数组 name="coming[]"。

我想我部分在那里,因为当我目前克隆字段时,我的 JS 正在将每个克隆的字段修改为 name="coming[0][1]", name="coming[0][2]", name= “来[0][3]”。

我只需要尝试让它删除 [0],但无法弄清楚如何使用 jQuery 执行此操作。

这是我的 HTML 表单:

这是我的jQuery:

这是我的表单流程代码,似乎没有通过单选按钮值:

0 投票
0 回答
704 浏览

jquery - jquery 验证无法在克隆的元素上正常工作

我有一个动态表单,我在准备好文档和克隆元素时为其元素设置了名称属性,但是在克隆元素时我遇到了 jquery 验证问题,因为在克隆元素之后,克隆元素和下一个元素的验证不相关且错误:

https://jsfiddle.net/4c93g5n1/

这是我的示例源: