check if object is defined in jquery to avoid errors

Question

In case that there is an objects called (id) "ABC123", I want to scroll down automatic to that object. That works fine if this object exist. But if not, I receive an error: "TypeError: $(...).offset(...) is undefined"

My code should avoid this error, but doesn't work:

if(typeof($('#ABC123')) != 'undefined') {
        $('html, body').animate({ scrollTop: ($("#ABC123").offset().top-100) }, 0).scroll();
    }

make sure you mark the correct answer with a green check mark — radu florescu
– radu florescu, Commented Apr 7, 2013 at 16:33

Denys Séguret · Accepted Answer · 2013-04-07 16:27:06Z

4

The jQuery collection is never undefined.

Simply test that it's not empty :

if ($('#ABC123').length) {

answered Apr 7, 2013 at 16:27

Denys Séguret

384k90 gold badges813 silver badges780 bronze badges

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

Comments

Eli · Accepted Answer · 2013-04-07 16:32:34Z

0

A jQuery object will never be null or undefined, even you're not passing any argument $(), In this case it's just empty and simply do nothing.

Seem like you want to check whether it's empty or not:

if ($('#ABC123').length) {
    $('html, body').animate({ scrollTop: ($("#ABC123").offset().top-100) }, 0).scroll();
});

answered Apr 7, 2013 at 16:32

Eli

14.9k5 gold badges61 silver badges77 bronze badges

Collectives™ on Stack Overflow

check if object is defined in jquery to avoid errors

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related