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>

但它给了我以下警告和错误 警告

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 on document ready，请确保已加载 jquery。您可以添加fallback for loading jquery locally。检查其他部分也可能有其他东西杀死你的页面

$(function(){

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

});