jQuery没有加载？答案

【问题标题】：Jquery Not loading?jQuery没有加载？
【发布时间】：2011-10-06 10:12:05
【问题描述】：

我正在尝试制作粘性导航行为，但 jQuery 脚本似乎无法正常工作或加载。

这是我的html：

<html>
<head>
<title>Title</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body>
  <div id="logo-menu">
    <div id="main-menuid">
    <ul>
    <li><a href="#home">Home</a></li>
    <li><a href="#about">About</a></li>
    <li><a href="#menu">Menu</a></li>
    <li><a href="#contact">Contact</a></li>
    </ul>
    </div>
  </div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.js" type="text/javascript"></script>
<script src="js/source.js" type="text/javascript"></script>
</body>
</html>

我还有一些标记可以让我的页面向下滚动以测试粘性导航。

这是source.js：

(function() {
    // STICKY NAV
        console.log('hi')

    var $nav = $('#logo-menu'),
        navTop = $nav.offset().top,
        $navClone = $nav.clone(true)
            .hide()
            .addClass('sticky')
            .insertBefore($nav);

    $(window).scroll(function() {
        if ($(this).scrollTop() > navTop) {
            $navClone.show();
        } else {
            $navClone.hide();
        }


    });

即使console.log('hi') 也不会出现在萤火虫控制台上。任何想法？还是我错过了什么？蒂亚！

【问题讨论】：

标签： javascript jquery navigation sticky

【解决方案1】：

您的函数用括号括起来。如果你删除函数体，你会得到这个：

(function() {});

我认为要么您想生成一个自执行函数，在这种情况下，您缺少第二组括号来实际执行该函数：

(function() {})();

或者您尝试使用 $(document).ready 的 jQuery 简写，在这种情况下您缺少 $：

$(function() {});

【讨论】：

【解决方案2】：

你没有执行函数。

尝试将() 添加到这样的函数中：(function(){})()

【讨论】：

【解决方案3】：

你在开头少了一个 $。

编辑此部分

(function() {

喜欢这个

$(function() {

【讨论】：