面對問題在elevateZoom jquery liferay

Question

我使用elevateZoom jquery縮放圖像在liferay中。我把我的js文件放在css文件夾中。並使用下面的腳本

<script src="//code.jquery.com/jquery-1.10.2.js"></script> 
<script src='/css/jquery.elevatezoom.js'></script> 
<script> 
jQuery("#zoom_01").elevateZoom({ 

    zoomType: "inner", 
cursor: "crosshair", 
zoomWindowFadeIn: 500, 
zoomWindowFadeOut: 750 
    }); 

</script> 

但它給了我follwing警告和錯誤 警告

07:19:51,317 WARN [http-bio-8081-exec-76][code_jsp:128] {code="404", msg="/resources/demos/style.css", uri=/resources/demos/style.css} 

錯誤

TypeError: jQuery(...).elevateZoom is not a function 

我怎樣才能解決這個錯誤。有沒有其他的方式來縮放liferay中的圖像？ 請幫助

感謝

Answer 1

404錯誤是style.css不是JS那麼檢查是否有在這條道路

關於對文件準備JS錯誤的init elevatezoom一個文件，確保jQuery是加載。您可以添加fallback for loading jquery locally。檢查其他部位也有可能是別的東西殺死你的頁面

$(function(){ 

    $("#zoom_01").elevateZoom({ 
    zoomType: "inner", 
    cursor: "crosshair", 
    zoomWindowFadeIn: 500, 
    zoomWindowFadeOut: 750 
    }); 

});