<ul id="nav">
<li><a href="page_1.html">Page 1</a></li>
<li><a href="page_2.html">Page 2</a></li>
<li><a href="page_3.html">Page 3</a></li>
</ul>
<div id="ajax-content">This is default text, which will be replaced</div>
<script>
$(document).ready(function() {
$("#nav li a").click(function() {
$("#ajax-content").empty().append("<div id='loading'><img src='images/loading.gif' alt='Loading' /></div>");
$("#nav li a").removeClass('current');
$(this).addClass('current');
$.ajax({ url: this.href, success: function(html) {
$("#ajax-content").empty().append(html);
}
});
return false;
});
$("#ajax-content").empty().append("<div id='loading'><img src='images/loading.gif' alt='Loading' /></div>");
$('#page_1').addClass('current');
$.ajax({ url: 'page_1.html', success: function(html) {
$("#ajax-content").empty().append(html);
}
});
});
</script>
上面的代码在我使用时工作正常,page_2.html
但是当我page_2.php
在 Internet Explorer 8 中使用时它不起作用。我不明白如何解决这个问题。