DatePicker在Table Body中使用$ .ajax加載數據時使用$ .ajax（）

當我試圖使用$ .ajax（）從Table加載數據時，表格中的Datepicker在我使用.append後成功加載（）在jQuery中，但是當我點擊Datepicker ...沒有Datepicker Picker UI顯示。請參閱我的代碼下面的圖...

Jquery $.ajax() call webservice

和輸出是下面的截圖中，日期選擇器都渲染成功，但是當我點擊日期選取它不工作。

$.ajax() call webservice successfully load dates from Table body

Pleae幫助球員。

謝謝大家。

來源

2014-07-14 Ralph G

爲日期選擇器字段給出不同的ID。例如：id ='datepicker _'+我在哪裏我是循環變量 –

我已經做了那個爵士尼山，但它不工作... –

首先確保日期選擇器正在爲您的上下文工作。在循環內創建表格行對象和輸入對象並初始化日期選取器（在循環內）。 –

我找不到你的代碼的確切問題。嘗試這樣的，

<html lang="us"> 
<head> 
<link href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery.ui.all.css" rel="stylesheet"> 
<style> 
body{ 
    font: 62.5% "Trebuchet MS", sans-serif; 
    margin: 50px; 
} 
    </style> 

<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.js"></script> 
<script> 

$(document).ready(function(){ 
    for(var i = 0 ; i < 5 ; i++) 
    { 
     var $tRow = $("<tr>"); 
     var $tRowData1 = $("<td>Test</td>"); 
     var $tRowData2 = $("<td>"); 
     var $datePicObj = $("<input type='text' id='datepicker_"+i+"' />"); 
     $tRowData2.append($datePicObj); 
     $datePicObj.datepicker({}); 
     var $tRowData3 = $("<td>Test</td>"); 
     $tRow.append($tRowData1); 
     $tRow.append($tRowData2); 
     $tRow.append($tRowData3); 
     $("#bodyInfo").append($tRow); 
    } 
}); 

</script> 
</head> 
<body> 
<table id="bodyInfo" ></table> 
</body> 
</html>

來源

2014-07-14 07:10:23

DatePicker在Table Body中使用$ .ajax加載數據時使用$ .ajax（）

回答

相關問題