ElevateZoom不能在引導模式下工作

Question

我使用ElevateZoom jQuery插件進行照片縮放（http://www.elevateweb.co.uk/image-zoom/examples）。它工作正常，但是當我以自舉模式顯示圖像時，縮放功能不再有效。

有沒有人知道我可以讓縮放工作在引導模式？代碼

例子：http://ec-auditfile.nl/demo.html

Answer 1

你變焦的工作，它只是隱藏在你的模式。

調整縮放圖像的z-index以覆蓋模態。

.zoomContainer{ z-index: 9999;} 
    .zoomWindow{ z-index: 9999;} 

你也可能需要添加.elevateZoom（）函數作爲回調（使用自舉3）

$(document).ready(function() { 
    $('#myModal').on('shown.bs.modal', function() { 
     $("#zoom_05").elevateZoom({ 
      zoomType: "inner", 
      cursor: "crosshair" 
     }); 
    }) 
});