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

$(function(){

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

});

面对elevateZoom jquery liferay中的问题

1 个答案: