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 加载它的情况下存储它的一种非常常见的方法是使用脚本标签：

<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标签中。感谢所有的asnwers。

于 2012-10-27T19:05:58.357 回答