如何获取首页每个商品的.offset()偏移量

cutesun

请问首页商品点击加入到购物车按钮如何做抛物线效果，目前我可以实现抛物线的动画，但是offset偏移量获取不到

liangyongfei

这个应该 是 css 动画效果实现的吧？  动画效果的参数应该可以设置的吧

cutesun

动画效果能实现，但是每个商品的位置offset偏移量获取不到

liangyongfei

获取dom元素的坐标位置，就可以计算出来了吧...

cutesun

目前坐标位置获取到了，并给这个节点加了一个current类名,现在的疑问就是如何获取其他节点并排除掉

liangyongfei

cutesun 发表于 2018-6-1 23:56
目前坐标位置获取到了，并给这个节点加了一个current类名,现在的疑问就是如何获取其他节点并排除掉 ...

http://docs.wex5.com/wex5-ui-question-list-2061/

点击元素时，以通过 event.currentTarget  获取当前dom元素   再获取坐标
动态添加，不是动态删除吧

cutesun

这是我获取到的当前dom节点：<img class="addclick cvqqIrm" alt="" style="width:78%;" __cid="cvqqIrm" data-bind="attr:{srcmodel.getImageUrl(val(&quot;goodsThums&quot;))}" src="https://www.niaocms.cn/Upload/goods/2016-07/577ca923cc3c5_thumb.jpg">；
我获取到之后，写了一个jq动画：          var $fxImg = $orgImg.clone().css({
            'position': 'absolute',
            'z-index': 10000,
            'width': $orgImg.width()/2,
            'height': $orgImg.height()/2,
            'border-radius': '50%'
          }).css($orgImg.offset()).appendTo('body');

          $fxImg              
            .animate({
                left: [$targetDiv.offset().left + $targetDiv.width() - $fxImg.width(), 'linear'],
                top: [$targetDiv.offset().top + $targetDiv.height() - $fxImg.height(), 'easeInBack']
            }, 600)
            .fadeOut(200, function () {
                $fxImg.detach();
            });
但是，有一个报错：Uncaught TypeError: $orgImg.clone is not a function
不知什么原因，求解？

liangyongfei

cutesun 发表于 2018-6-4 17:14
这是我获取到的当前dom节点：；
我获取到之后，写了一个jq动画：          var $fxImg = $orgImg.clone().css({
          ...

$orgImg  这个变量是在哪儿定义的？？
自己 debugger 调试一下吧！
是否jquery 对象 获取不正确？

你这代码就是标准的jquery 方法调用了， 需要自己查它的文档..  

cutesun

$orgImg就是以下这个img标签：<img class="addclick cvqqIrm" alt="" style="width:78%;" __cid="cvqqIrm" data-bind="attr:{srcmodel.getImageUrl(val(&quot;goodsThums&quot;))}" src="https://www.niaocms.cn/Upload/goods/2016-07/577ca923cc3c5_thumb.jpg">

cutesun

很疑惑，请问<img class="addclick cvqqIrm" alt="" style="width:78%;" __cid="cvqqIrm" data-bind="attr:{srcmodel.getImageUrl(val(&quot;goodsThums&quot;))}" src="https://www.niaocms.cn/Upload/goods/2016-07/577ca923cc3c5_thumb.jpg">以上这个img标签不能用jquery的动画例如.clone()、.animate()、.css({})吗？