load（）后将元素添加到DOM

Question

我无法在页面中的<p>TEST</p>标记之前添加元素<h1>

这是我的代码（简化）：

的index.html

<div class="container" id="page_body"> BLABLA </div>

properties.html

<h1>Properties Management</h1>

menu.html

<li><a href="#" id="link_properties">Properties Repository</a></li>

JS

$("#page_menu").on('click', '#link_properties', function(e) {
    $("#page_body").load("properties.html"); // Properties
    $('h1').before('<p>TEST</p>');
});

Answer 1

使用callback方法。假设您要在{em> properties.html

中的<p>之前插入<h1>Properties Management</h1>

$("#page_menu").on('click', '#link_properties', function(e) {
    $("#page_body").load("properties.html", function(){
        $('h1').before('<p>TEST</p>');
    }); 
});