使用elevateZoom有z-index在我的div上必須是2或3的問題

Question

我正在使用elevateZoom jquery插件，我動態地將圖像添加到div並嘗試使用它的縮放。但是因爲我使用z-index作爲我的div（我必須使用z-indexes），所以變焦鏡頭在div之後。

的JavaScript：

$("#test").html('<img id="toZoom" data-zoom-image="./icon1.jpg" width="449px" height="600px" margin="10px" src="./icon1.jpg" alt=""/>'); 

$("#toZoom").elevateZoom({ 
    zoomType: "lens", 
    lensShape: "rechtangle", 
    lensSize: 100 
}); 

HTML：

<div id="container" style="width:100%;height:100%;position: relative;"> 
    <div id="test" style="display:none;position:absolute;z-index:2;"> 
     <div></div> 

Answer 1

https://github.com/Regaddi/elevatezoom/commit/93028ada9814c35cd3ac0bfb037e5904c0d7a4c6

只需更換該線路elevateZoom.js文件

self.zoomWindowContainer =$('<div/>').addClass('zoomWindowContainer').css("width",self.options.zoomWindowWidth); 

與此：

self.zoomWindowContainer = $('<div/>').addClass('zoomWindowContainer').css({ 
     "width": self.options.zoomWindowWidth, 
     "z-index": 999 
    });