2015-11-15 51 views
0

我已經實現了ajax請求來加載頁面中的主要內容。你知道,像母版頁。 的結構是這樣的:Datepicker只生活一次基於ajax請求

<head></head> 
<body> 
    <navbar> Like -Home-, -Contact- , -About- , -Login- </navbar> 
    <div id='main-content'> 

    </div> 

    /*This is for javascript*/ 
    <script src='jquery.js'> </script> 
    <script src='jquery-ui.js'> </script>   
</body> 

例如,當在導航欄聯繫人菜單上的用戶點擊,AJAX調用contact.html和重新加載ID =「主要內容」的網頁。

我的問題是,如果我使用javascript,如jquery-ui,在這種情況下,我使用基於日期時間的jquery-ui,它只是加載一次。只要說在Home上有一個輸入表單的日期時間,然後我就可以進入聯繫頁面。當我回到主頁時,日期時間不起作用。它就像一個普通的文字?任何想法,如此讚賞。

回答

0

嘗試時,其頁面打開這樣的重新初始化的日期選擇器:

$('#yourdatepicker').datepicker(); 
0

因爲您的導航是基於Ajax和每次你導航到新頁面時,你會得到新的DOM沒有refereshing頁面您的JS加載只是當你第一次打開你的網站時,它會初始化文件中加載的組件,爲什麼你在Home上發現,有一個輸入表單的日期時間和工作

所以,你必須經過Ajax調用,例如重新初始化你的組件:

$("input[name=datepicker]").datepicker({arguments}); 

看看到datepicker wont start after ajax div reload

Hopr這有幫助。