为什么.load在IE8中不起作用

Question

I have this code,

    $(".delete").live("click", function () {
    alert("!");
    var self = $(this);
    var loadUrl = $(this).attr('href');
    var interestParents = self.parents('div:eq(4)').attr("id");
    $.ajax({
        type: "POST",
        url: loadUrl,
        data: "isAjax=1"
    }).done(function (msg) {
        self.parent().parent().parent().parent().parent().fadeOut('fast', function () {
            $(this).remove();
        });
        //console.log($("#"+interestParents).load(site_url+"my_profile/interests " + "#" + interestParents).fadeIn('fast'));
        //$("#UL_" + msg + "items").load(site_url + "my_profile/interests " + "#UL_" + msg + "items").fadeIn('fast');
        $("#large_buttons").load(site_url + "my_profile #large_buttons > *").show();

    });
    return false;
});

and I cannot for life of me work out why the .load does not load the data into the large_buttons div, it definatly exists on the page, and it works in every other browser but IE8.

Answer 1

Check to make sure that the page you are "load"ing (my_profile) is valid HTML (no misplaced end tags, unclosed tags, etc). I had an issue like this with IE8 because the markup I was trying to load was invalid. Most browsers managed to interpret the bad markup, but IE8 failed.

An HTML validator may help you.