如何在jQuery.ImageLens中更改新鏡頭時移除舊鏡頭？

Question

我正在動態改變鏡頭的大小，當我試圖改變鏡頭的大小時，新的大小鏡頭正常出現，但舊鏡頭保留在相同的圖像，在這裏我想刪除舊的鏡頭。

我從這個鏈接提前簡稱http://www.dailycoding.com/Uploads/2011/03/imageLens/demo.html

JSFiddle

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

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

感謝。

Answer 1

您可以imageLens的源代碼改變

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

到

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