未捕获的TypeError:对象[对象对象]没有方法'打开'

时间:2013-03-20 09:03:42

标签: javascript jquery google-chrome scrollable

我要试试这个:http://jquerytools.org/demos/scrollable/index.html
但是如果没有任何事件触发器,我就会低于错误

enter image description 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>
<script src="js/jquery.tools.min.js"></script>
</head>  

javascript部分

没有做任何事情
<script>
$(function() {
  // initialize scrollable
  $(".scrollable").scrollable();
});
</script>  

它阻止了我的进一步实施。对此有什么想法?

3 个答案:

答案 0 :(得分:5)

1.7中添加了JQuery .on方法。您需要从当前使用的1.6截图

更新您的JQuery

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>  

答案 1 :(得分: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>

答案 2 :(得分:1)

您需要更新jQuery版本。

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