2011-06-23 82 views
1

我正在加載如下所述的頁面部分: Spring MVC - Open new page without reload。問題是在頁面開始處執行的腳本不適用於加載的html,因爲腳本執行時未加載html內容。使用Ajax加載部分頁面時的腳本問題

與問題第一個腳本:

$(document).ready(function() { 
     $('#coclevel1').change(getLevel2); 
     $('#coclevel2').change(getCocItems); 
     ... 
    }); 

coclevel1和coclevel2是HTML選擇。

第二個腳本是this腳本從here

我正在用Freemarker和JQuery開發Spring MVC 3.0 web應用程序。

如何將腳本應用到加載的html?

回答

1

調用.change()僅將處理程序附加到當前元素。使用.live()會將處理程序綁定到所有當前和將來的元素。

$(document).ready(function() { 
    $('#coclevel1').live('change', function(){getLevel2}); 
    $('#coclevel2').live('change', function(){getCocItems}); 
    ... 
}); 

http://api.jquery.com/live/

+0

謝謝您的回答。它有助於爲第一個腳本問題找到解決方案。可以幫助我解決第二個腳本的問題嗎? – Tural

+0

感謝您的回答。它有助於爲第一個腳本問題找到解決方案。可以幫助我解決第二個腳本的問題嗎? custom-form-elements.js有window.onload = Custom.init。我如何運行Custom.init以使未來的元素可行。我試着評論window.onload = Custom.init;並添加 \t $(文件)。就緒(函數(){ \t \t ... \t \t $(窗口).live( '負荷',initCustomForms); \t \t功能initCustomForms(){ \t \t Custom.init(); } 但它不起作用。 – Tural

相關問題