Jquery .load（）在三个append（）之后加载html_Jquery_Append_Load

Jquery .load（）在三个append（）之后加载html

jquery

Jquery .load（）在三个append（）之后加载html,jquery,append,load,Jquery,Append,Load,我想load（）一些必须嵌入三个（！）包装中的外部html。这就是我需要的结果： <body> <section class="page"> <div class="wrapper"> <div class="backdrop">  </div> </div&g

我想

load（）

一些必须嵌入三个（！）包装中的外部html。这就是我需要的结果：

<body>
    <section class="page">
        <div class="wrapper">
            <div class="backdrop">
                <!-- Loaded HTML -->
            </div>
        </div>
    </section>
</body>

我发现了一些链接

append（）

的示例，但是，我未能将它们与

load（）

结合起来

提前感谢！：）

不需要使用三个单独的

append

调用，正如您所指出的，如果您添加多个节，这些调用的编码方式将不起作用

相反，创建完整的剖面片段，将其附加到主体，然后加载到背景中：

$(
'<section class="page">' +
    '<div class="wrapper">' +
        '<div class="backdrop"></div>' +
    '</div>' +
'</section>'
)
.appendTo('body')
.find('div.backdrop')
.load('partials/test.html');;

那好多了！谢谢：）

$(
'<section class="page">' +
    '<div class="wrapper">' +
        '<div class="backdrop"></div>' +
    '</div>' +
'</section>'
)
.appendTo('body')
.find('div.backdrop')
.load('partials/test.html');;

var sectionTemplate = 
    '<section class="page">' +
        '<div class="wrapper">' +
            '<div class="backdrop"></div>' +
        '</div>' +
    '</section>';

$(sectionTemplate)
.appendTo('body')
.find('div.backdrop')
.load('partials/test.html');;