未捕获的 TypeError:Object[object object] 没有“on”方法答案

【问题标题】：Uncaught TypeError:Object[object object] has no method 'on'未捕获的 TypeError:Object[object object] 没有“on”方法
【发布时间】：2013-03-20 09:03:41
【问题描述】：

我要试试这个：http://jquerytools.org/demos/scrollable/index.html
但是如果没有任何事件触发器，我会遇到错误

但我很困惑，为什么 on 方法甚至在 页面加载 中都找不到

<head>
<link href="css/scrollable-horizontal.css" rel="stylesheet" type="text/css" />
<link href="css/scrollable-buttons.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-1.6.1.min.js"></script>
<script src="js/jquery.tools.min.js"></script>
</head>

javascript 部分没有做任何事情

<script>
$(function() {
  // initialize scrollable
  $(".scrollable").scrollable();
});
</script>

它停止了我的进一步实施。对此有任何想法吗？

【问题讨论】：

标签： javascript jquery google-chrome scrollable

【解决方案1】：

JQuery .on 方法是在 1.7 中添加的。您需要根据当前使用的屏幕截图更新 JQuery 1.6

http://api.jquery.com/on/

从here下载后，更改下面标记的地方

<head>
<link href="css/scrollable-horizontal.css" rel="stylesheet" type="text/css" />
<link href="css/scrollable-buttons.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-1.6.1.min.js"></script> <!-- Change this line -->
<script src="js/jquery.tools.min.js"></script>
</head>

【讨论】：

【解决方案2】：

您需要更新 jQuery 版本。

因为 jQuery 1.6 没有 .on() 它被添加到新版本的 jQuery 中。

【讨论】：

【解决方案3】：

您使用的是 jQuery 1.6.1 - on() 当时不存在（直到 1.7）。

您的选择：

要么改用bind()。
或者你更新到最新的jQuery。

关于第二个选项，替换

<script src="js/jquery-1.6.1.min.js"></script>

与

<script src="http://code.jquery.com/jquery-latest.min.js"
        type="text/javascript"></script>

【讨论】：