Jquery Not loading?

本文关键字：loading Not Jquery 更新时间：2023-09-26

我试图使一个粘性的导航行为，但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')也不会出现在firebug控制台。任何想法?还是我错过了什么?蒂娅!

函数用圆括号括起来。如果你删除了函数体，剩下的是:

(function() {});

我认为你想要生成一个自动执行的函数，在这种情况下，你错过了实际执行函数的第二组括号:

(function() {})();

或者你试图使用jQuery简写的$(document).ready，在这种情况下，你错过了$:

$(function() {});

您没有执行函数。

尝试将()添加到函数中，像这样:(function(){})()

开头少了一个$。

编辑这部分

(function() {

这样的

$(function() {