與IE9

Question

jQuery的AJAX空白頁的問題這在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中的工作。

感謝所有誰花時間看。

Kyle

Answer 2

嘗試改變$('#ajaxDiv').html(result);到$('#ajaxDiv').append(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); 
    } 
});