jQuery load（）在IE8和7中不起作用

Question

I got this code running

$j('#nav_menu-2 li li a').bind('click', function(e){ 
    //check when pagination link is clicked and stop its action.
    e.preventDefault();

    //get the href attribute
    var link = $j(this).attr('href');

    $j('#content').load(link + ' #content');
});

its working fine in chrome, ff, ie9 but the problems begin with ie8 and ie7.

I searched the web and tried this way

$j('#content').load(link + '?' + Math.random()*99999 + ' #content');

but its still not working, the content just doesn't show.
this is the url to the site

just click the first blue box(arrow 1), and try to change the content the arrow 2 and arrow 3.

Answer 1

This looks wrong:

$j('#content').load(link + '?' + Math.random()*99999 + ' #content');

Try this instead:

$j('#content').load(link + '?' + (Math.random()*99999).toString());

And I'm not sure you need that random number, unless you're having problems with cache.

$j('#content').load(link);

Here's a solution with cache disabled that looks up #content in the response, for good measure (untested):

$j.ajax({
    url: link,
    cache: false,
    dataType: "html",
    success: function(data){
        $('#content').html($(data).find('#content').html());
    }
});

Answer 2

the problem was an extra unneeded </div> tag inside the html code. All the modern browsers was able to handle this, but apparently ie8 and 7 just got lost that mess.

Answer 3

ajax requests are cached in IE8, so just a little magic of

$.ajaxSettings.cache = false;

before the using load function

http://zacster.blogspot.in/2008/10/jquery-ie7-load-url-problem.html

http://api.jquery.com/jQuery.ajax/

cache (default: true, false for dataType 'script' and 'jsonp')
Type: Boolean
If set to false, it will force requested pages not to be cached by the browser. Note: Setting cache to false will only work correctly with HEAD and GET requests. It works by appending "_={timestamp}" to the GET parameters. The parameter is not needed for other types of requests, except in IE8 when a POST is made to a URL that has already been requested by a GET.