jQuery AJAX IE9での空白ページの問題

Question

これはFirefoxとChromeでは機能しますが、IEでは失敗します。それはアラートの結果を表示しますが、ページはIEでは空白です。私はFirebugのエラーを何も得ていないので、問題を特定することはできません。誰でも私の最後にどんな荒いエラーを見つけてもいいですか...回避策を知っていますか？

ありがとうございました。

$("#compareit").submit(function(e){ 
    $("#topsection").hide(); 
    $("#tabs").hide(); 
    $("#bottomWrap").hide(); 
    $("#error").html(''); 
    $("#leftcolumn").hide(); 
    $("#rightcolumn").hide(); 
    e.preventDefault(); 
    var queryString = $('#compareit').serialize(); 
    var dataString = queryString + "&count=" + totalselected; 

    $.ajax({ 
     type: 'GET', 
     url:'newmlbcompare2.php', 
     cache: false, 
     data: dataString, 
     success:function(result){ 
      $('#ajaxDiv').html(result); 
      // This alerts the HTML block that is being returned (in all browsers) 
      //alert(result); 
     } 
    }); 
    return false; 
}); 

リクエストに応じてHTMLが追加されました。

<div id="maincontainer"> 

<div id="topsection"><div id="topImage"></div></div> 

<div id="contentwrapper"> 
<div id="contentcolumn"> 
<div class="innertube"> 
<div id="compareWrapper"> 

<form name="compareit" id="compareit" action=""> 
<input type="hidden" value="2011" name="year" id="year" /> 
<div id="tabs"> 
    <ul> 
     <li><a href="#tabs0">C</a></li> 
     <li><a href="#tabs1">1B</a></li> 
    </ul> 
    <div id="tabs0"> 
     <select multiple id="C" name="playArray[]" class="tabStyle" size="10"> 

      </select> 
     </div> 
    <div id="tabs1"> 
     <select multiple id="FB" name="playArray[]" class="tabStyle" size="10"> 

      </select> 
     </div> 
</div> 
    <div id="bottomWrap"> 
     <div id="instructions"><b>Players:</b> Select up to four players.</div> 
     <div id="added_players" align="center" class="added_players"></div> 
     <div id="error" class="err"></div> 
    </div> 

</div> 

<div id='start'></div> 
</form> 
<div id="ajaxDiv"></div> 

</div> 
</div> 

<div id="leftcolumn"> 
<div class="innertube"> 
<div id="accordionLeft"> 

</div> 
</div> 
</div> 

<div id="rightcolumn"> 
<div class="innertube"> 
<div id="accordionRight"> 

</div> 
</div> 
</div> 

Answer 1

@GeoffWarrenで述べたように、返された私のテーブル構造に誤りがありました。いったん私はそれがIEで動作することを固定しました。

誰もが時間をかけて見てくれてありがとう。

カイル

Answer 2

が$('#ajaxDiv').append(result);に$('#ajaxDiv').html(result);を変更してみてください：私はいくつかのスペースを節約するために切り捨てられました。

どうやらIEは（.htmlを持ついくつかの問題を持つことができます）jQuery API

Answer 3

可能性...？これを変更します。これに

<div id="compareWrapper"> 

<form name="compareit" id="compareit" action=""> 

を：

<form name="compareit" id="compareit" action=""> 

<div id="compareWrapper"> 

Answer 4

$.ajax({ 
    type: 'GET', 
    url:'newmlbcompare2.php', 
    cache: false, 
    data: dataString, 
    dataType: "html", //try adding this 
    success:function(result){ 
     $('#ajaxDiv').html(result); 
     // This alerts the HTML block that is being returned (in all browsers) 
     //alert(result); 
    } 
});