Question

currently using jq 1.4.2

And i have gone through this forum and other forums for a simple fix … since so many have had this problem..but i have not found anything that seems to work hence i am posting this problem

        $(".editvolunteer").fancybox({
            'width'                : 970,
            'height'            : 460,
            'autoScale'            : false,
            'transitionIn'        : 'none',
            'transitionOut'        : 'none',
            'type'                : 'iframe',
            onClosed : function() {
              $.ajax({
            type: "GET",
            dataType: 'html',
             cache: false, 
               url: "ajaxrosterupdate.php",
            data: "x=60",
              async: false,

        success: function(data) {        

              $("#updateroster").html(data);      <---- this work in FF            

        }
        success: function(resp, txtS, xhr) {
                           if (xhr.status==200) {      

                              alert(xhr.status);    <-- this alert box shows up in ie and FF

                                 } else {

                             //    alert(xhr.status);

                           }
        }

      }).responseText;



    }
       });

I dont know what i am doing wrong i have used debugbar and i can seethe html content that comes back i have used fiddler and i see the html content that comes back there….the xhr stat =200 so every thing is good..yet it does not replace the the content $(“#updateroster”).html(data).

I have been banging my head for the last 48 hrs and well i need help.

Answer 1

.html() is ultimately using .innerHTML here, what it seems like is your markup coming back is invalid causing some issues.

If there’s something wrong with the markup and you’re seeing no error but an empty result, chances are one browser is tolerating that invalid HTML, showing it as best it can, and another browser may discard it entirely…which appears to be what IE is doing to you.