【发布时间】：2014-09-19 20:28:53
【问题描述】：
我正在尝试根据此处提供的代码组合一个基本的、可自定义的水平滚动条： http://jsfiddle.net/atAHh/261/ 但是当实际应用于页面时，javascript 并没有占用。
Chrome 开发人员在下面代码的第二行给了我“未捕获的类型错误：未定义不是函数”：
//Start the scrolling process
$(".panner").on("mouseenter", function () {
var data = $(this).data('scrollModifier'),
direction = parseInt(data, 10);
还有最后的括号：
}());
完整的 javascript、CSS 和 html 在 jsfiddle 中，这些是我的 html 引用的脚本（pofoscroll.js 是有问题的脚本）：
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript" src="scripts/pofoscroll.js"></script>
任何帮助将不胜感激！
【问题讨论】：
-
检查了MAC最新FF中的fiddle，一切正常，没有js错误
-
你的小提琴工作得很好。您是否正在等待 DOM 在您的实际页面中准备好？
$(document).ready(function() { // your code... }); -
尝试将
(function () {更改为$(function() {并将结尾更改为})。看，当它在小提琴中加载时，加载的是$(window).load(function(){ (function () {，它与$(function() {相当 -
切换到 $(function() { 并更新了 jquery 版本-更好。非常感谢大家！
-
对我来说，这个问题是一个救星。这不应该被否决！
标签： javascript jquery function undefined typeerror