javascript - jQuery:ASP.NET 内容页面中预期的对象

Question

我正在使用 ASP.NET 设计个人网页。为了在我的页面中制作一个粘性 div，我使用了 jQuery。我的所有 jQuery 函数都运行良好，除了我的粘性 div 函数。

stickydiv.js

$(document).ready(function () {
    var s = $("#stick_body");
    var pos = s.position();
    $(window).scroll(function () {
        var windowpos = $(window).scrollTop();
        s.html("Distance from top:" + pos.top + "<br />Scroll position: " + windowpos);
        if (windowpos >= pos.top) {
            s.addClass("stick");
        } else {
            s.removeClass("stick");
        }
    });
});

我已将此文件的引用放在我的内容页面 (hobbies.aspx) 中。此外，主 jquery 文件 (jquery-latest.min.js) 位于母版页部分。但是当我运行这个元素时，它给出了一个错误:

Unhandled exception at line 1, column 2 in http...stickydiv.js 0x800a138f - JScript Runtime Error: Object Expected.

我试图在母版页中引用 stickydiv.js 文件，但没有成功。

Answer 1

line 1, column 2

听起来它在调用 $() 函数时失败了，这很可能意味着 jQuery 没有加载。您需要确保在使用它的任何脚本之前加载 jQuery。例如，这是不正确的:

<script type="text/javascript" src="stickydiv.js"></script>
<script type="text/javascript" src="jQuery.js"></script>

鉴于这是正确的:

<script type="text/javascript" src="jQuery.js"></script>
<script type="text/javascript" src="stickydiv.js"></script>