Question

我正在动态改变镜头尺寸，当我试图改变镜头尺寸时，新尺寸镜头显示正确但旧镜头保留在同一图像中，这里我想要移除旧镜头。

我引用了这个链接http://www.dailycoding.com/Uploads/2011/03/imageLens/demo.html

$(document).ready(function () {
$('#img001').imageLens({ lensSize: 100 });
});

function changesize()
{
    $('#img001').imageLens({ lensSize: 400 });
}

提前致谢。

Answer 1

您可以更改

var target = $("<div style='" + lensStyle + "' class='" + options.lensCss + "'>&nbsp;</div>").appendTo($("body"));

在imageLens的源代码中

if (obj.data("imageLens")) {
    obj.data("imageLens").obj.remove();
}

var target = $("<div style='" + lensStyle + "' class='" + options.lensCss + "'>&nbsp;</div>").appendTo($("body"));

obj.data("imageLens", { obj: target });

这可以确保我们添加imageLens作为引用创建的<div>的数据，并检查它是否已经有一个，如果有，请将其删除。

DEMO

如何在jQuery.ImageLens中更换新镜头时删除旧镜头？

1 个答案: