0

我正在尝试使用 AJAX 将位于我的服务器上的 html 页面加载到 div 框架中（iframe 无法使用自定义滚动条正确滚动）并且它在 Firefox 中加载良好但看起来没有其他任何东西（虽然它正在工作IE 在某一时刻我很确定）。

<div id="scroll" class="news frame" style="position:absolute;width:570px;height:430px;margin:0px auto;left:143px;top:70px;background:#fff;overflow:auto;overflow-y: hidden;">
<div id="load"></div>
<script>
   $(document).ready(function(){
        $('#load').load('http://www.bizzaromatic.com/news.html');
    });
</script>
</div>

显然我需要某种跨浏览器的解决方案，但我对 JS 和 Jquery 的有限知识导致我来到这里。

编辑：如果有人有更好的方法将页面嵌入不是 iframe 的框架中，我也很乐意听。

4

2 回答 2

0

有几个主题可以解决这个问题，请查看这个主题：jQuery's .load() not working in IE - but fine in Firefox, Chrome and Safari

答案之一（适用于您的代码）：

<div id="scroll" class="news frame" style="position:absolute;width:570px;height:430px;margin:0px auto;left:143px;top:70px;background:#fff;overflow:auto;overflow-y: hidden;">
  <div id="load"></div>
  <script type="text/javascript">
  jQuery(document).ready(function() {
      jQuery.get("http://www.bizzaromatic.com/news.html", function (data) { 
          data = '"' + data + '"';    
          $("#load").html(data);
          var newHTML = $('#load').html();
          $('#load').html(newHTML.substr(1,newHTML.length-2));
      });
  });
  </script>
</div>

希望这可以帮助。

于 2013-08-29T06:18:23.777 回答
0

感谢 Dotnet Dreamer 提供有关浏览器控制台内容的提示/提醒。那是一个启动板，可以让它工作。

我放：

Header add Access-Control-Allow-Origin "http://bizzaromatic.com"
Header add Access-Control-Allow-Headers "origin, x-requested-with, content-type"
Header add Access-Control-Allow-Methods "PUT, GET, POST, DELETE, OPTIONS"

在我的 .htaccess 中，现在一切似乎都很好。也感谢其他所有人抽出时间来提供帮助。

于 2013-08-31T22:33:07.860 回答