在提升缩放jquery生命射线中面临问题

Facing issue in elevateZoom jquery liferay

本文关键字：问题 生命 缩放 jquery      更新时间：2023-09-26

我使用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

我怎样才能解决这个错误。有没有其他方法可以在生命射线中缩放图像？请帮忙

谢谢

> 404 错误适用于style.css而不是 js，因此请检查该路径中是否有文件


关于JS错误init ElevateZoom on Document Ready，请确保加载jQuery。您可以添加用于在本地加载 jquery 的回退。还要检查其他部分，可能还有其他东西杀死了您的页面

$(function(){
  $("#zoom_01").elevateZoom({  
    zoomType: "inner",
    cursor: "crosshair",
    zoomWindowFadeIn: 500,
    zoomWindowFadeOut: 750
  }); 
});
相关文章：