jquery - Jquery插件将元素从一个移动到另一个

Question

我对 Jquery 相当陌生，并且正在使用插件将一个元素从一个元素移动到另一个元素。它在这里 - https://github.com/EmilStenstrom/jQuery-animate_from_to/blob/master/example_usage.html

该插件完成了前半部分的操作。我试图将图像永久附加到另一个盒子，同时也留在原始位置。

我试过这个 - 但它不起作用。我在正确的方向吗？

$("#button1").on('click', function(event){
$('#cart').attr('src', '$(this).attr('src');'});
});

Answer 1

你有引号和一个}你不应该有的。利用

$('#cart').attr('src', $(this).attr('src'));

或更好 ：

$('#cart').attr('src', this.src);

请注意src，如果您这样做是为了存储变量，则不要为不应该有的元素赋予属性，而是最好使用数据属性：

<a id=button1 data-src="...">button</a>

...

$('#cart').attr('src', $(this).data('src'));

Answer 2

当您的动画执行以下操作时：

/* detach #cart */
myCart = $('#cart').remove();

/* add #cart to #container */
$('#container').append(myCart);