Question

我有一小部分代码可以在元素内部占用页面，并隐藏动态加载页面中的特定元素。 .load似乎不能改变我的图像路径，所以我选择使用.ajax 使用以下代码，我使用Chrome，FF8和IE9，但不是IE7或IE8。 ajaxed页面的顶部部分未在IE7和IE8中加载，但在IE9，Chrome和FF8中，整个页面加载正常。

<script type="text/javascript">
 $(document).ready(function(){
   $.ajax({
    url: '/example/file.htm',
    dataType: 'html',
    cache: false,
    success: function(data) {
      $('.right-column-body-text #experts_area').append(
       data.replace(/<img([^>]*)\ssrc=['"](?:[^'"\/]*\/)*([^'"]+)['"]/gi, "<img$1 src='../path/images/$2'")
      );
    }
   });
 });
 $(window).load(function(){
   setTimeout(function(){
     $('.right-column-body-text #loading').fadeOut(500);
     $('.right-column-body-text #experts_area').fadeIn(1000); 
   },500);
 });
</script>

我尝试添加错误日志，但没有显示任何内容。如果有语法问题，请告诉我。

编辑以下内容以包含HTML

以下是HTML的一部分，特定于ajax的区域 -

<div class="right-column-body">
  <div class="right-column-body-text" id="right-column-body-text">
    <div id="loading"><img alt="loading" src="/coating/images/loading.gif" /></div>
    <div id="experts_area"> <!-- ajax here --> </div>
  </div>
  <div class="right-column-body-right-hand" id="right-column-body-right-hand">
  </div>
</div>

现在，如果我理解了ajax函数，它应该将整个页面加载到该div容器中，包括页面的头部。当我点击F12并在IE7或IE8中查看HTML时，我查看expert_area div，出现的文本的第一部分是从ajaxed页面的一半，在一个完全随机的位置（但是一直持续到结束时） HTML）。当我在IE9或其他浏览器中查看相同的内容时，它会完整地包含头部和页面。这是在查看HTML，所以我不认为它只是一个显示问题。

Answer 1

解决。

在我正在使用的页面上工作的真棒技术并没有关闭HTML中的五个标签。一旦我让他们修复了他们页面上的所有错误，就解决了我的问题。

感谢你的病人Ben，我很抱歉，首先提出问题甚至不是一个值得回答的问题。对于这种愚蠢的事情来说太麻烦了。

jQuery ajax和IE 7/8 - 不加载整个页面

1 个答案: