未捕获的引用错误：未定义 jQuery（粘性 div）答案

【问题标题】：Uncaught reference error: jQuery is not defined (Sticky div)未捕获的引用错误：未定义 jQuery（粘性 div）
【发布时间】：2015-12-21 14:50:26
【问题描述】：

请帮忙修复一下

jQuery(document).ready(function () {
    var stickyOffset = jQuery("canbesticky").offset().top;
    jQuery(window).scroll(function () {
        var scrollPos = jQuery(window).scrollTop();

        if (scrollPos >= stickyOffset) {
            jQuery("canbesticky").addClass("fixeddiv");
        } else {
            jQuery("canbesticky").removeClass("fixeddiv");
        }
    });
});

jsfiddle.net/daniladyabin/mnh4vn2y
Screenshot
我是 JQuery 新手

【问题讨论】：

你没有包含 jQuery
jsfiddle.net/daniladyabin/mnh4vn2y

标签： jquery

【解决方案1】：

首先，您需要实际包含 jQuery。在 JsFiddle 上，JavaScript 部分中有一个选项可以添加它。在实际网页中，您需要添加指向库的本地版本或托管版本的链接。

你可以用这个来在线参考

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

接下来，您所有的 jQuery 选择器都不正确。要通过id选择元素，需要在开头加上#，像这样

var stickyOffset = jQuery("#canbesticky").offset().top;

最后，您可以使用一个漂亮的小速记来节省一些打字时间。 jQuery可以换成$，像这样

var stickyOffset = $("#canbesticky").offset().top;

【讨论】：

【解决方案2】：

jQuery 错误与您的错误关系不大。在 JSFiddle 中包含

https://code.jquery.com/jquery-1.11.3.min.js

在右边，你可以看到在我将包含的小提琴中，现在你的小提琴中有 jQuery。如果您在实际代码中没有这样做，那么也将其包含在其中，因为您自然需要 jQuery 才能使用 jQuery。（确保它是 https，因为 JSFiddle 不接受 http）

您正在使用jQuery("canbesticky")，它将搜索标签canbesticky，但您需要找到带有id canbesticky 的标签，因此您必须在jQuery("//CSS Selector//") 中调整您的CSS 选择器。

就是这样：jQuery("#canbesticky")!

这是工作的fiddle。

【讨论】：