jQuery: Object Expected In ASP.NET Content Page

Question

I'm designing a personal Web page with ASP.NET. In order to make a sticky div inside my page, i'm using jQuery. All of my jQuery functions work well except my sticky div functions.

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");
        }
    });
});

i've placed this file's reference inside my content page(hobbies.aspx). Also, main jquery file (jquery-latest.min.js) is placed inside master page's section. But when i run the project, it give's an error:

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

I tried to reference stickydiv.js file inside masterpage but it didn't work.

David · Accepted Answer · 2013-11-15 14:54:28Z

1

line 1, column 2

Sounds like it's failing right at the call to the $() function, which most likely means jQuery isn't loaded. You need to make sure that jQuery is loaded before any scripts which use it. For example, this is incorrect:

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

Whereas this is correct:

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

answered Nov 15, 2013 at 14:54

David

221k42 gold badges245 silver badges337 bronze badges

Sign up to request clarification or add additional context in comments.

8 Comments

AloneInTheDark Over a year ago

my jquery.js file is placed inside masterpage. stickydiv.js file is placed in my content page.

David Over a year ago

@AloneInTheDark: In what relation to one another on the client-side? What you're describing is a server-side separation, which doesn't make a difference in JavaScript (which runs on the client). How are they loaded in the rendered client-side page?

AloneInTheDark Over a year ago

i've a div named "stick_body" inside my content page. stickydiv.js's reference is inside content page's head section. what am i doing wrong?

David Over a year ago

@AloneInTheDark: Based on the information provided, it sounds like what you're doing wrong is loading the JavaScript libraries in the wrong order. As shown in the answer, the jQuery script reference needs to happen before any code which uses it. Things like "content page section" have no meaning in client-side code, it all renders to a single page in the browser.

AloneInTheDark Over a year ago

even if i put the stickydiv.js file after jquery.js file, it gives same error. because the jquery code does not recognize my div named "stick_body". i need to write an event or something that runs after my content page is fully loaded.

|

Collectives™ on Stack Overflow

jQuery: Object Expected In ASP.NET Content Page

1 Answer 1

8 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Related