的jQuery的document.ready（）沒有觸發動態地加載內容

Question

我有一個PHP文件（稱爲aboutMe.php），其中包含一些HTML如下：

<script type="text/javascript" src="/aboutMe.js"></script> 
 
<div id="aboutme-gender" class="aboutme-block"> 
 
        <div class="aboutme-question">My gender is:</div> 
 
        <div class="aboutme-error">Please select your gender.</div> 
 
        <div class="aboutme-answer"> 
 
         <input id="gender-male" name="the-gender" type="radio" value="1" /> 
 
         <label for="gender-male">Male</label> 
 
         <input id="gender-female" name="the-gender" type="radio" value="2" /> 
 
         <label for="gender-female">Female</label> 
 
        </div> 
 
       </div>

的aboutme .js文件包含一個函數如下：

jQuery(document).ready(function($) {.....does stuff to the tags in the HTML}); 

這一切工作正常，如果頁面是loade直接。然而，當另一頁要動態加載這個如下：

$("#load-aboutme-here").load("aboutMe.php"); 

...的的document.ready（）不會觸發事件，事情沒有得到標記。

我已經看到了類似的帖子，但不能完全得到什麼，我需要他們。做的事情就像替代品的document.ready（）用於window.load（），但是它甚至不都當aboutMe.php頁面直接加載工作。

任何想法大加讚賞 - 這是推動我堅果雖然我懷疑這是一個簡單的辦法！

感謝 伊恩

Answer 1

如果我理解正確你的問題，我相信你可以只創建爲​​功能的回調，像這樣：

$("#load-aboutme-here").load("aboutMe.php", null, function() 
{ 
    // Code to be executed when aboutMe.php is loaded. 
    // i.e. The code in aboutMe.js 
}); 

Answer 2

注意，該文件是主要的網頁.. 。未檢索到後續文件

該文檔在ajax完成之前就已準備就緒，因此在準備就緒後調用的任何$(document).ready()將立即觸發。在你的情況下，它會火之前的元素存在

移動的HTML下面的腳本標記代碼引用

<div id="aboutme-gender" class="aboutme-block"> 
    ....... 
</div> 
<script type="text/javascript" src="/aboutMe.js"></script>