2017-06-07 19 views
1

我在我的主要PHP文件如下:jQuery的日期選擇器沒有被執行

<script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
<script> 
    $(function() { 
     $("#datepicker").datepicker(); 
    }); 
</script> 

輸入框包含輸入框是由innerHTML的寫。

例如,這是如何寫入輸入框。

echo $ api-> get_add_number();調用PHP代碼。有一個選擇框可以調用以下內容:

function fetch_select(val) 
{ 
    $.ajax({ 
     type: 'post', 
     url: 'fetch_data.php', 
     data: { 
      get_option:val 
     }, 
     success: function (response) { 
      document.getElementById("new_select").innerHTML=response; 
     } 
    }); 
} 

從那裏輸入框將被寫入並作爲innerHTML返回。

的問題是當我嘗試點擊輸入框:

<input type="text" id="datepicker"/> 

我沒有得到任何日期挑彈出。這是因爲它在innerHTML中,無法通過javascript達到?

回答

3

不,與innerHTML無關,這裏的問題是計時。所有的jquery插件都是在你調用它的函數時構建的。

所以你只需要後調用它包含新的HTML

success: function (response) { 
      document.getElementById("new_select").innerHTML=response; 
      $("#datepicker").datepicker(); 
     } 
+0

這做到了!謝謝!我需要在jQuery上花費一些時間,並學習一些關於如何工作的幕後故事。 –

+0

是的,祝你好運=) –