Question

我已经编写了ajax请求，可以使用以下代码动态更改div：

$(document).ready(function(){   
    $.ajax({    
        type : 'GET',
        url : url,
        success : function(data){ 
            $('#some_div').html(data);
        }
    });
});

它在Chrome，FF，Safari和移动设备上运行良好，但在IE7 +中没有返回任何内容。难道我做错了什么？或者，这是一个烦人的IE错误？如果是这样，我该如何解决呢？

修改这是我试图引入的文件的HTML：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Store Notes</title>
    <meta name="description" content="" />
    <meta name="keywords" content="" />      
    <link type="text/css" href="/css/smoothness/jquery-ui-1.8.11.custom.css" rel="stylesheet" media="all" /> 
    <link type="text/css" href="/css/colorbox.css" rel="stylesheet" />  
    <link type="text/css" href="/css/rep.css" rel="stylesheet" /> 
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js"></script> 
    <script type="text/javascript" src="/js/rep/global.js"></script>   
    <script type="text/javascript" src="/js/jquery.colorbox-min.js"></script>

</head>

<body><table style="width:100%;" cellspacing="12px">    
<tr><td><b>Some Guy</b> <span class="small">Apr 28th</span><br />testing123</td></tr><tr><td><b>Some Guy</b> <span class="small">Apr 28th</span><br />testing123</td></tr></table>
</body>
</html>

Answer 1

您从AJAX请求收到的HTML是否有效？如果不是这样会导致IE失败，而其他一些浏览器则不关心。

Answer 2

'div'是HTML中id的实际名称吗？当名称与实际标记名称冲突或者HTML元素上的id和名称相同时，IE可能很挑剔。尝试将“div”更改为描述性内容。

无论如何，这样做是很好的做法

Answer 3

试试这个，

document.getElementById("div").innerHTML = data

希望有所帮助！

Answer 4

我知道这是迟到的请试试这个

$('#some_div').html(data.toString());

请阅读此article我希望此帮助

如何在IE7 +中使用jQuery $（'＃div'）。html（）？

4 个答案: