Javascript 缩放插件图像错误
我正在使用jsf用java开发一个web应用程序,我添加了以下用于缩放图像的插件。但在加载页面时,在检查页面浏览器时会显示以下错误Javascript 缩放插件图像错误,javascript,java,jsf,frontend,elevatezoom,Javascript,Java,Jsf,Frontend,Elevatezoom,我正在使用jsf用java开发一个web应用程序,我添加了以下用于缩放图像的插件。但在加载页面时,在检查页面浏览器时会显示以下错误 Uncaught TypeError: $(...).elevateZoom is not a function 代码 $(文档).ready(函数(){ $(“#img_01”).elevateToom({easing:true}); }); 更新 我将断点放在$(文档).ready(函数()的结尾处{ }); 但是断点在$(“#img_01”)处停止。提
Uncaught TypeError: $(...).elevateZoom is not a function
代码
$(文档).ready(函数(){
$(“#img_01”).elevateToom({easing:true});
});
更新
我将断点放在$(文档).ready(函数()的结尾处{
});代码>
但是断点在$(“#img_01”)处停止。提升空间({easing:true})代码>在浏览器开发人员工具中调试。检查网络流量。404的?我该怎么做?在大多数浏览器中,按F12键并转到控制台。我的答案是“使用谷歌”;-在你的另一个问题(使用开发人员工具进行调试)中,你也应该这样做。我更新了这个问题,并将调试代码时发生的情况记录下来
<h:outputScript library="resources" name="js/jquery.fancybox.pack.js" >
</h:outputScript>
<h:outputScript library="resources" name="js/jquery.elevateZoom-
3.0.8.min.js"></h:outputScript>
<h:outputScript library="resources" name="js/jquery-1.10.2.min.js">
</h:outputScript>
$(document).ready (function () {
$("#img_01").elevateZoom({easing : true});
});
<h:graphicImage library="resources" name="imagens/bermudas/lacoste.jpg"
id="img_01" width="400px" height= "400px" />