javascript - 将克隆触发器img复制到另一个元素jquery

Question

我正在使用这个带有easyzoom的猫头鹰旋转木马。当我输入照片时，该照片会放大。

当用鼠标在照片中移动并且照片的位置发生变化时 (x,y) 立即复制元素。我想将该缩放图像复制到另一个元素。

js：

$('body .tumb-posi img').attr('style', $('body .tumb-posi img').attr('style') + ';' +$('.easyzoom-flyout img').attr('style'));

出去：

<div class="tumb-posi"><img style="undefined;undefined"></div>

当它想要复制时，它发送为undefined。

小提琴

标签： javascriptjqueryhtmlcss

Answer 1

每次鼠标移动时都需要运行它：

$("#owl-demo").on("mousemove", ".easyzoom-flyout", function() {
  var el = $('.easyzoom-flyout img');
  $('.tumb-posi img').attr('src', el.attr("src"));
  $('.tumb-posi img').attr('style', el.attr("style"));
});

更新演示：https ://jsfiddle.net/bortao/fy3ev6q4/