Javascript jqueryclone不进行克隆
我有这个:Javascript jqueryclone不进行克隆,javascript,jquery,Javascript,Jquery,我有这个: <div class="header"> </div> <div> <span class="spacer"></span> </div> 但如果复制它,则会将.spacer元素移动到.header元素 我不明白为什么这不起作用,因为in说: <div class="container"> <div class="hello">Hello</div> <di
<div class="header">
</div>
<div>
<span class="spacer"></span>
</div>
但如果复制它,则会将.spacer元素移动到.header元素
我不明白为什么这不起作用,因为in说:
<div class="container">
<div class="hello">Hello</div>
<div class="goodbye">Goodbye</div>
</div>
转换为:
<div class="container">
<div class="hello">Hello</div>
<div class="goodbye">
Goodbye
<div class="hello">Hello</div>
</div>
</div>
使用$'.hello.clone.appendTo.再见'
有什么想法吗
看这个
橙色是我想粘贴项目的地方
黄色是间隔物
我要粘贴的项目有不同的颜色
底部的红色是我获取克隆的地方
你可能忘了分号;由于这是可行的:
$(document).ready(function(){
$('.spacer').clone().appendTo('.header');
});
确保您的代码位于document.ready中。它指定DOM完全加载时要执行的函数。看起来您的函数是在加载dom之前调用的
$(document).ready(function(){
$('.spacer').clone().appendTo('.header');
});
我已经用小提琴调试过了,谢谢。我发现一个未关闭的div。显示包含所显示代码的html;尝试创建一段可复制的代码。请为您的代码添加一个JSFIDLE。对我来说很好->我的FIDLE也可以;可能您使用的jQuery库有问题
$(document).ready(function(){
$('.spacer').clone().appendTo('.header');
});