错误消息：“$(window).width 不是函数”答案

【问题标题】：Error message: "$(window).width is not a function"错误消息：“$(window).width 不是函数”
【发布时间】：2010-04-28 09:39:42
【问题描述】：

我正在尝试使用名为“Jscrollhorizontalpane”的 jQuery 滚动条。当我尝试使用它时，我收到以下错误消息： firebug 控制台中的“$(window).width 不是函数”。

我是 jQuery 新手，这样做可能非常基础，但我仍然不知道这意味着什么以及为什么会出现问题。

滚动条与几个文件捆绑在一起，其中一个称为“jScrollHorizontalPane.js”，我相信它包含滚动条的代码。我尝试用“jQuery”这个词替换 $ 符号（以防发生冲突），但它似乎没有帮助。

在同一页面上添加这一点也很重要，我正在使用另一个 jQuery 滚动条（垂直滚动条，而不是上面提到的水平滚动条），它工作得很好。这个代码没有使用 $(window).width 而是多次使用 $(window)...

有什么想法吗？

【问题讨论】：

【解决方案1】：

听起来你在某个地方发生了冲突。

我建议先找到问题的路径；

确保在您的 html 中将 jquery.js 包含在 jScrollHorizontalPane.js 之上
暂时删除其他 javascript 文件（jquery 除外），看看是否能解决问题
尝试使用不同版本的jQuery，你可以直接从google的CDN加载它们，只需更改版本号http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js

如果这些都不起作用，请使用实时演示链接更新您的问题。

【讨论】：

使用 mootools 和 jquery 可能会导致此冲突。最简单的解决方案是以noConflict模式加载jquery（加载后立即调用jQuery.noConflict()），然后在匿名函数中运行所有jquery语句（即jQuery(document).ready(function($) { alert($( window).width()); }); )

【解决方案2】：

将$(window).width 更改为$(window).width() 是否可以解决您的问题？

【讨论】：