jquery is not a function 或者 has no method 问题解决方法

  今天在写jquey 时用到了一个放大镜的插件 无论我怎么写都无法显示 

  在谷歌浏览器显示 'jqzoom' has no method 

  然后在输出中发现了问题:

 Uncaught TypeError: Object [object Object] has no method 'jqzoom'

  我就展开错误看是哪里出错 ,看了半天也看不明白。

  再测试了半小时还是无果 后换了一款放大器的插件问题依旧。

  无意看到桌面的火狐浏览器 想到火狐的输出是中文的应该能直接显示错误 ,

 然后就用火狐浏览器看输出 结果火狐的错误显示是:

  TypeError:$(...) zoomy is not a function

  弄到这个时候就突然很郁闷了,再次打开浏览器 右键看了源代码 

  终于发现问题所在 : 

     问题原因是在同个页面里 同时引用了 两个相同的 <script src="Scripts/jquery-1.8.2.js"></script> js文件。

     只要删除一个就ok了 。

     我的项目是用asp.net mvc4 建立的 mvc引用的js代码是:

@Scripts.Render("~/bundles/jquery")
@RenderSection("scripts", required: false)

   需要注意的是以上的两行代码总是放在页面的最后 而我们习惯将 js引用文件 放在 <title>之后 所以不注意的时候就会同时

  引用两个文件 造成错误 浪费不必要的时间。

   今天也因为这个问题浪费了1个小时好多代码都没敲,所以发现问题后特地做个笔记 下次不再犯错了。

    

 

posted @ 2013-12-04 22:45  FunLin  阅读(814)  评论(1编辑  收藏  举报