JQuery работает на Chrome, но не на IE (Edge)
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');
})
})
Я создаю 5 li через PHP, затем пытаясь обновить его, нажав на span.
Почему это работает на Chrome и не работает на IE / Edge? Спасибо за ответ.
Решение
Ima не понял, как редактировать мой вопрос, поэтому я просто добавил 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();
}
И Има также сделал некоторые изменения в php и html: переместил ul в html. Но все еще не работает в IE (Edge) и отлично работает в Chrome и Firefox
Другие решения
Других решений пока нет …