0

display:noneページの書式設定/レイアウトを壊さずに要素を非表示にする div を使用しています。ただし、ajax を使用して別の html ページを取得し、document.ready() イベント中に jQuery を使用してその div の innerhtml を設定すると、フォーマットが壊れます。

** ** 内のコードをコメント アウトしても、書式が崩れないことに注意してください。

Firebug は JS エラーを表示しません。

ajax とコンテンツ コードの設定は次のとおりです。

        var htmlStuff;
        $.ajax({
          url: "temp.html",
          cache: false,
          success: function(html){
               htmlStuff= html;
               **$('#myDiv').html(htmlStuff);**
          }
        });

ここにdivがあります:

<div id = "myDiv" style="display:none"></div>
4

2 に答える 2

0

「temp.html」ファイルの完全なコンテンツを取得して、それを div に入れているようです。

"temp.html" に完全な HTML ドキュメント ( htmlheadおよびbody要素を含む) が含まれている場合、現在のページの HTML が無効になり、表示されている問題が発生する可能性があります。

JavaScript では、"temp.html" の本文を検索し、本文のコンテンツのみを挿入して、<body>および</body>タグを除外する必要がある場合があります。

于 2013-08-13T01:41:36.223 に答える