1
<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 中使用时它不起作用。我不明白如何解决这个问题。

4

1 回答 1

0

尝试完整的网址。

$("#nav li:first a").click();// 插入重复代码

在 IE 中显示 AJAX 错误的示例:

$.post("update.php",{data:"blabla"},function(){
 /*... stuff to do on success...*/
},"json").fail(function(XMLHttpRequest,textStatus,errorThrown){
 /*... display the errors here so you know what is wrong...*/
 alert(textStatus+": "+errorThrown);
});
于 2013-10-03T11:15:16.183 回答