2

我要试试这个： 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>

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

4

3 回答 3

5

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

http://api.jquery.com/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> <!-- Change this line -->
<script src="js/jquery.tools.min.js"></script>
</head>
于 2013-03-20T09:06:39.350 回答
1

您正在使用 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>
于 2013-03-20T09:06:58.337 回答
1

您需要更新 jQuery 版本。

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

于 2013-03-20T09:07:53.027 回答