0

次のコードは、本体にdiv要素を追加できます。ただし、HTMLが非常に長い場合もあります。300行のhtmlコードのように非常に長い場合、次のように書くのは非常に困難です。

$("body").append($("<div id='dzndiv'><div style='position:absolute;left:0px;top:0px;width:100%;height:800px;'><img src='img/transparent.png' width='100%' height='100%'/></div>");

私はそれがこのようになるべきだと思います：

$("body").append($.load("longstuff.html");

これどうやってするの？ただし、重要なこととして、HTMLコードにはタグの間にスペースを入れることができます。

4

2 に答える 2

6

あなたはこれを使うことができます：

$.get('longstuff.html', function(data) {
    $('body').append(data);
}, 'html');

ただし、常に/頻繁にそのHTMLが必要であり、静的である場合、AJAXを介してロードせずにHTMLを保存する非常に一般的な方法は、スクリプトタグを使用することです。

<script type="text/html" id="long-stuff">
    <!-- simply put your HTML here -->
</script>

その後、経由でアクセスできます$('#long-stuff').html()

何をしたいかに応じて、別のオプションは、HTMLをそれが属する場所に配置し、それを使用して非表示にしstyle="display: none;"、.show()後でそれを非表示にすることです。

于 2012-10-26T13:41:07.850 に答える
0

$ .get（'longstuff.html'、function（data）{data = data.replace（/>このコードはhtmlコード内のすべてのスペースを削除でき、htmlコードは既存のbodyタグに追加されます。すべての回答者に感謝します。

于 2012-10-27T19:05:58.357 に答える