jquery .load() does not get variable

Question

i have this code

$(document).ready(function () {
    $('a').click(function(e) {
        e.preventDefault();
        url = $(this).attr('href');
        $("body").load(href);
    });
});

But it does not work. Nothing loads. The only thing that works is e.preventdefault()

Am I doing something wrong?

how about putting the e.preventDefault() after the "load"? Also, do you see anything happening on the server where "href" is pointing? — El Guapo
– El Guapo, Commented Apr 19, 2011 at 16:52
Why would you do this with XmlHttpRequest? a elements already do this properly. — Lightness Races in Orbit
– Lightness Races in Orbit, Commented Apr 19, 2011 at 16:56
@ElGuapo: Where does href point? It's an undefined variable. :) — Lightness Races in Orbit
– Lightness Races in Orbit, Commented Apr 19, 2011 at 16:57
I assumed (probably poorly) that there was an actual <a href=""> somewhere that wasn't mentioned. — El Guapo
– El Guapo, Commented Apr 19, 2011 at 17:02

David Tang · Accepted Answer · 2011-04-19 16:53:23Z

6

$("body").load(href);

Should be:

$("body").load(url);

Or you could do away with the variable completely:

$("body").load(this.href);

answered Apr 19, 2011 at 16:53

David Tang

93.8k32 gold badges169 silver badges149 bronze badges

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

1 Comment

El Guapo Over a year ago

$("body").load(this.href); is the cleanest way!

Billy Moon · Accepted Answer · 2011-04-19 16:55:08Z

0

You have assigned href attr to variable called url, then tried to use href as a variable.

Not good:

url = $(this).attr('href');    
$("body").load(href);

Good:

url = $(this).attr('href');    
$("body").load(url);

answered Apr 19, 2011 at 16:55

Billy Moon

58.9k27 gold badges148 silver badges245 bronze badges

Comments

Chandu · Accepted Answer · 2011-04-19 16:59:21Z

0

You are missing the $ before the (this).attr('href'); and also use the value url for your load function call.

$(document).ready(function () {
    $('a').click(function(e) {
            e.preventDefault();
            url = $(this).attr('href');
            $("body").load(url);
    });
});

edited Apr 19, 2011 at 16:59

answered Apr 19, 2011 at 16:51

Chandu

83.2k19 gold badges137 silver badges136 bronze badges

1 Comment

amustill Over a year ago

You could just use this.href rather than $(this).attr('href') to save on creating another jQuery object.

Collectives™ on Stack Overflow

jquery .load() does not get variable

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related