我使用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
});
});