0

AJAX を使用して、サーバーにある html ページを div フレームにロードしようとしています (iframe はカスタム スクロールバーを使用して適切にスクロールしません)。 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

ブラウザ コンソールに関するヒント/リマインダーを提供してくれた 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 に答える
0

この問題のいくつかの解決策に関するトピックがあります。次のトピックを確認してください: jQuery の .load() が IE で機能しない - しかし Firefox、Chrome、および Safari では正常に動作する

答えの1つ（コードに適合）：

<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 に答える