jQuery 适用于 Chrome 但不适用于 IE (Edge)答案

【问题标题】：jQuery works on Chrome but not on IE (Edge)jQuery 适用于 Chrome 但不适用于 IE (Edge)
【发布时间】：2015-08-25 17:35:10
【问题描述】：

HTML 代码：

<h1>LAW<span class="refresh" id="idSpanRefreshLexTitle">REFRESH</span></h1>
<div id="divRefreshLexTitle"><?php lexTitles($conn);?></div>

PHP 代码：

function lexTitles($conn){
$aql = "SELECT * FROM Articles WHERE AritclesSection = 'LAW' ORDER BY RAND() LIMIT 5";
$result = mysql_query($aql, $conn);
while($row = mysql_fetch_array($result)){
echo "<ul class='law_titles' id='ul_lex_titles'><li><span style='cursor:pointer' onClick=\"loadLawArticle('article', '_ajax/lawarticle.php?n=".$row['ArticlesID']."')\">".$row['ArticlesTitle']."</span></li></ul>";
    }
}

jQuery

$(document).ready(function(){
$('#idSpanRefreshLexTitle').click(function(){
$('#divRefreshLexTitle').load('#divRefreshLexTitle ul#ul_lex_titles');
})
})

我正在通过 PHP 创建 5 li，然后尝试单击 span 刷新它。为什么这适用于 Chrome 而不适用于 IE/Edge？感谢您的回答。

【问题讨论】：

loadLawArticle 未定义。要么你没有包含所有代码，要么你没有制作函数。
如果可以的话，你应该stop using mysql_* functions。它们不再被维护并且是officially deprecated。改为了解 prepared statements，并考虑使用 PDO，it's really not hard。
感谢您的提示，杰伊。我要去看看它。保持联系。
对 PDO 的赞叹，Jay。谢谢！

标签： php jquery google-chrome html-lists partial-page-refresh

【解决方案1】：

我不知道如何编辑我的问题，所以我把 loadLawArticle() 放在这里：

function loadLawArticle(thediv, thefile){
var xmlhttp;
if(window.XMLHttpRequest){
    xmlhttp = new XMLHttpRequest();
}else{
    xmlhttp = new ActiveXObject('Microsoft.XMLHTTP');
}
xmlhttp.onreadystatechange = function(){
    if(xmlhttp.readyState == 4 && xmlhttp.status == 200){
        document.getElementById(thediv).innerHTML = xmlhttp.responseText;
    }
}
xmlhttp.open('GET', thefile, true);
xmlhttp.send();

}

而且Ima也对php和html做了一些改动：把ul移到了html。但仍然无法在 IE (Edge) 上运行，并且在 Chrome 和 Firefox 上完美运行

【讨论】：