2012-12-26 47 views
0

我還是相當新的JS和我有一些問題,讓JS運行在動態加載頁面。無法獲取.datepicker()函數啓動動態加載頁面

通過.load方法動態加載「在線申請」頁面後,我無法再獲取jQuery日期選擇器以附加到「appDataOfBirth」輸入字段。在閱讀了幾篇類似的文章之後,我嘗試了諸如.live之類的東西,儘管這可以用作警報,但它不會初始化日期選擇器。

我一直在玩弄下面的鏈接,其中「applyOnlineBtn」是carasel鏈接來打開顯示錶單的應用程序部分 - 但這似乎不起作用。

$('#applyOnlineBtn').live("click", function(){ 
alert('test message'); 
$("#appDateOfBirth").datepicker(); 
}); 

如果任何人可以幫助我得到這個工作,將不勝感激。

資源: 網址:http://www.kingsroad.net.au/qutproject/index.php

加載內容到中期股利位於kingsroad.net.au/qutproject/js/general.js(這是我已經嘗試了JS使用我的代碼來激活日期選擇器)。

在線應用程序內容位於kingsroad.net.au/qutproject/content/applyOnline.php

+0

我檢查你的鏈接,http://kingsroad.net.au/qutproject/content/applyOnline.php,日期選擇器在Chrome中加載正常,但在Firefox和IE瀏覽器中沒有,似乎有一些瀏覽器問題,你是否變得相同? –

+0

我認爲這是默認的HTML5日期選擇器,它尚未內置到Firefox/IE中。 – GrahamM

回答

0

你可以使用

$('your_element').load(URL_TO_LOAD,function(){ 
    $("#appDateOfBirth").datepicker(); 
}); 

這將適用日期選擇新加載的內容。

+0

嗨Shailesh Jangir, 我已經將建議的代碼添加到我的.load函數,但似乎該頁面開始循環,我用了「if(pagename == applyOnline){$(」#appDateOfBirth「)。 datepicker();但是,這似乎把該網站在一個循環,並不會完成加載頁面。 – GrahamM

0

你檢查的JavaScript錯誤控制檯?:

Uncaught TypeError: Object [object Object] has no method 'datepicker 

所以,請檢查您的日期選擇器庫,也許你還沒有在您的網頁日期選擇器庫。