I am trying to determine the top offset of an element and the console logs an error, even though JQuery's documentation says it should be written like this:

$('.myObject').offset().top

Error:

Uncaught TypeError: Cannot read property 'top' of undefined

Why does this happen? Any solution for the problem?

I am trying to determine the top offset of an element and the console logs an error, even though JQuery's documentation says it should be written like this:

$('.myObject').offset().top

Error:

Uncaught TypeError: Cannot read property 'top' of undefined

Why does this happen? Any solution for the problem?

• javascript
• jquery

Share Improve this question Follow edited Oct 25, 2013 at 7:12 zzlalani 24.4k1616 gold badges4747 silver badges7373 bronze badges asked Oct 25, 2013 at 7:07 gespinhagespinha 8,5071717 gold badges5959 silver badges9696 bronze badges 3

• 1 what does $('.myObject').length returns? – Saturnix Commented Oct 25, 2013 at 7:08
• 2 Are you sure it isn't $('#myObject')? Using a class selector may be returning a set instead of one element. – Abhitalks Commented Oct 25, 2013 at 7:09
• If called on a set, .offset() will return the offset of the first element so it should not crash anyway. – Saturnix Commented Oct 25, 2013 at 7:27

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 4

This usually happens because $('.myObject') returns nothing. To protect your code from crashing, check if the element exists before calling .offset().top

var myObj = $('.myObject');
if (myObj.length){
   myObj.offset().top
}

Since .top is a property and not a method, it is not handled by jQuery and, hence, will crash your script if it is not existing.

You'll have to check if the element exists.

e.g.

var myObjExists = $('.myObject').length > 0 ? true : false;

if you then console.log(myObjExists);, it should return true or false.

From here you can do some errorhandling to why it does not exist.

If you need more details, please also post the HTML that this code points to.