jsfiddle

Question

我正在尝试使用jquery创建一个fly影响。基本上，当点击img时，我需要img的src才能飞到页面上的其他位置！

这是我到目前为止所做的：

但我不明白为什么它不起作用！

我查看了控制台，我收到了这个错误：

TypeError: $(...).attr(...).eq is not a function

有人可以就此问题提出建议吗？

Answer 1

您必须获取单击的当前对象，而不是其属性，因为您尝试克隆该元素，因此请使用var imgtofly = $(this);而不是var imgtofly = $(this).attr('src').eq(0);。

Jsfiddle

Answer 2

$(this).attr('src')会获得您点击的图片src

Answer 3

$('.round').click(function() {
   var cart = $('.shopping_bg');
   var imgtofly = $(this); //select the clicked object
    if (imgtofly) {
        var imgclone = imgtofly.clone()
            .offset({ top:imgtofly.offset().top, left:imgtofly.offset().left })
            .css({'opacity':'0.7', 'position':'absolute', 'height':'150px', 'width':'150px', 'z-index':'1000'})
            .appendTo($('body'))
            .animate({
                'top':cart.offset().top + 10,
                'left':cart.offset().left + 30,
                'width':55,
                'height':55
            }, 1000); //remove easing
        imgclone.animate({'width':0, 'height':0}, function(){ $(this).detach() });
    }
    return false;
});

jquery：将图像src拖到另一个位置？

3 个答案:

jsfiddle