-1

所以我的javascript莫名其妙地停止了工作。我不太确定我做了什么，但任何帮助将不胜感激。谢谢！我真的应该使用VC，我想这是警钟

<head style="overflow-x: hidden">
    <title>Dupont Studios</title>
    <link href='http://fonts.googleapis.com/css?family=Oxygen:300' rel='stylesheet' type='text/css'>
    <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
    <script type="text/javascript" src="waypoints.js"></script>
    <script type="text/javascript" src="jquery-1.9.1.js"></script>

    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" media="only screen and (max-width: 400px)" href="mobile.css" />
    <link rel="stylesheet" media="only screen and (min-width: 401px)" href="style.css" />
    <script language="javascript" type="text/javascript">
        $(function() {
        // Do our DOM lookups beforehand
        var nav_container = $(".nav-container");
        var nav = $("nav");
        nav_container.waypoint({
        handler: function(direction) {
        nav_container.toggleClass('sticky', direction=='down');

        }
        });
        });

    </script>
    <script language="javascript" type="text/javascript">
        $("li.nav-item").click(function() {
        $("html, body").animate({
        scrollTop: $($(this).children().attr("href")).offset().top + "px"}, {duration: 500, easing: "swing"
        });
        return false;
        });

    </script>
</head>

错误：

Uncaught ReferenceError: jQuery is not defined jquery-ui.js:351
Uncaught TypeError: undefined is not a function waypoints.js:25
Uncaught TypeError: Object [object Object] has no method 'waypoint'
4

3 回答 3

3

你需要先加载 jquery 然后 jquery ui 然后航点

于 2013-07-09T14:11:20.550 回答
1

错误在这里：

nav_container.waypoint

jQuery 集合上没有方法waypoint。

此外jquery-ui应该放在它之后jQuery而不是它之前。

现在的最后一个错误waypoints.js在第 25 行 - 您正在尝试调用一些尚未定义的函数。

于 2013-07-09T14:10:08.100 回答
-1

一个原因可能是您已从浏览器中停用了 javascript。在浏览器的设置中找到它并激活 javascript。

在您的错误之后，jquery ui 文件中的语法似乎是错误，请将其替换为最新的并试一试。

于 2013-07-09T14:08:40.627 回答