jQuery .clone()

Posted

技术标签:

【中文标题】jQuery .clone()【英文标题】:Jquery .clone() 【发布时间】:2012-01-05 02:11:54 【问题描述】:

我目前正在尝试使用以下代码进行克隆:

var position = $(this).position();
var ptop = position.top;
var pleft = position.left;
$(this).click(function() 
                $(this).clone().css(
                    top: ptop,
                    left: pleft,
                    opacity: '0.55'
                )
).appendTo(this);

我需要将元素克隆到兄弟元素之外的确切位置。这就是为什么我有:

    var position = $(this).position();
    var ptop = position.top;
    var pleft = position.left;

为了获得职位。但我也对克隆的东西有较轻的不透明度。

【问题讨论】:

请更具体。你的问题是?关闭不起作用?出了什么问题? 那么到底是什么问题? 我认为它不起作用或者您不会在此处发布它,但请具体说明您遇到了什么错误或问题到底是什么?也许 jsFiddle.net 上的问题示例可以帮助您得到一个好的答案。 对不起,什么都没有发生,克隆元素没有被附加。 这里指的是:$('#drag') 【参考方案1】:

你的括号弄乱了。您对“appendTo()”的调用是在“click”处理程序建立后应用的。

$(this).click(function() 
                $(this).clone().css(
                    top: ptop,
                    left: pleft,
                    opacity: '0.55'
                ).appendTo(this);
);

您需要它“点击”处理程序中,并且需要在“.clone()”返回值上调用它。

【讨论】:

以上是关于jQuery .clone()的主要内容,如果未能解决你的问题,请参考以下文章

.clone(true,true) + .remove() 的 Jquery ui 奇怪行为

jQuery 中的 clone(true) + remove() 与 detach()

jQuery 如何使用 clone() 销毁可拖动对象

jQuery的克隆方法clone()

JQuery UI Draggable - 如果参数传递给 clone(),则返回 clone() 的帮助函数仅克隆一次

markdown jQuery .clone(),. append(),. appendTo()