使用外部加載的鏈接執行JavaScript函數

Question

我承認標題有點混亂，但很難想出更好的標題。

好的，所以我有3頁，首先是用戶加載的主頁面，另外兩頁是用jQuery加載到主頁面的頁面。

這是第一個頁面上的JavaScript代碼：

$(document).ready(function(){ 

$("#mainWrap").css({ width:"300px", height:"200px" }); 

$("#mainWrap").load("modules/web/loginForm.php"); 

$('[name=loadRegisterForm]').click(function() { 
$("#mainWrap").load("modules/web/registerForm.php"); 
}); 

}); 

首先它加載登錄表單到頁面，然後將其監聽時要按壓的鏈接，然後將加載了登記表格在它被按下的地方。

鏈接處於加載的登錄表單中，但不幸的是它不起作用。我究竟做錯了什麼？

我試着把鏈接放在主頁上的JavaScript代碼，它確實起作用，所以它只是加載鏈接後的JavaScript已全部準備好加載將使其不工作？

Answer 1

您需要爲第一次加載調用具有回調函數。在回調的地方，您可以設置$('[name=loadRegisterForm]')元素的點擊處理程序。基本上， 你正在綁定一個處理程序，直到第一次加載完成才存在。

$(document).ready(function(){ 
    $("#mainWrap").css({ width:"300px", height:"200px" }); 
    $("#mainWrap").load("modules/web/loginForm.php", null, onLoadComplete); 
}); 

function onLoadComplete() 
{ 
    $('[name=loadRegisterForm]').click(function() { 
     $("#mainWrap").load("modules/web/registerForm.php"); 
    }); 
}