jQuery的調用AJAX新的div動態ID的

Question

我在佈局文件 <

script type="text/javascript"> 
$(function() { 
    // Datepicker 
    $('#passExp1').datepicker({ 
     inline: true 
    }); 
}); 
</script> 

在視圖

<script type="text/javascript"> 

function addInput(divName) { 
    ... code to add the new div with form fields... 

    newCalendar="passExp"+(counter+1); 

    newFunction(newCalendar); 

} 

</script> 

我怎麼可以創建一個newFunction調用newCalendar（這是新的表單ID）將datePicker添加到它？

我想讓它使用的DatePicker爲新passExp2，passExp3，passExp4，passExp5，...

Answer 1

由於newCalendar參數的值裏面是新的div的ID，你可以在你的函數做到這一點：

$('#' + newCalendar).datePicker(); 

Answer 2

我建議使用一個更好的JS組織（以及我的也不是那麼好，太），但你應該做這樣的事情在一個JS文件：

jscode.js

newCalendar(selector){ 
    $(selector).datepicker({ 
     inline: true 
    }); 
}); 

function addInput(divName) { 
    ... code to add the new div with form fields... 
    selector="passExp"+(counter+1); 
    newCalendar(selector); 
} 

然後包括你的js文件中的觀點：<script src="jscode.js"></script>

它應該工作，當使用jQuery更容易創建CSS選擇器並將它們放在$（）對象中，在這個例子中我看不到創建函數到日曆所必需的，你可以把它addInput功能