當div由jQuery的.load（）函數創建時，使用jQuery將文本加載到div中

Question

我目前正在制作一個網站，該網站能夠加載模板以使其外觀使用，並加載包含將放置在post div中的文本的“ post”文檔。 但是我遇到了一個小障礙。

看來jQuery無法看到使用.load函數創建的div

當通過jQuery的.load（）函數創建div時，我需要解決將文本加載到div中的問題。

HTML代碼

<body>
    <div id="header">
    </div>
    <script>
        $( "#header" ).load( "/Templates/Template.html #header" );
        $( "#post" ).load( "/post.html" );
    </script>
</body>

Template.html代碼

<body>
<div id="header">
    <div id="post">
    </div>
</div>
</body>

Post.html代碼

<p>This is the text that will be displayed in the post</p>

我將如何使jQuery以“ post”作為id來查看div。 如果這樣會更容易，則可以使用PHP

Answer 1

由於ajax是異步的，並且這兩個.load()運行，因此需要使用on load complete函數，因此調用div時#post尚不存在。

嘗試這個：

    $("#header").load("/Templates/Template.html #header", function () {
        $("#post").load("/post.html");
    });

並確保在Template.html #header有一個#post ，因為您要替換的divs內容。

當div由jQuery的.load（）函數創建時，使用jQuery將文本加載到div中

問題描述

1 個解決方案

解決方案1
2 已采納 2013-12-22 11:11:22

當div由jQuery的.load（）函數創建時，使用jQuery將文本加載到div中

問題描述

1 個解決方案

解決方案1 2 已采納 2013-12-22 11:11:22

解決方案1
2 已采納 2013-12-22 11:11:22