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')); 属性，则最好使用数据属性：

{{1}}

Answer 2

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

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

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