附加jquery datepicker注入元素

Question

如何將datepicker附加到動態注入元素？

我不能簡單地做一樣的東西：

$(function(){ 
    $('.date').datepicker(); 
}) 

因爲DOM加載完成後，有帶班「.date」

我不認爲live()也將在這裏工作

的任何元素

我的螢火這個錯誤$(".date").datepicker is not a function

編輯：
這是元素如何被注入

$('#typeId').change(function(){ 
    $(this).nextAll().remove(); 
    $(this).parent().append('<input type="hidden" name ="view_type" value="by_range"> <span>Start:</span> <input type="text" name="start_date" class="date"> <span>End:</span> <input type="text" name="end_date" class="date"> <input type="submit" value="Submit">'); 
}) 

Answer 1

Live Query沒有解決我的問題

$('.date').livequery(){ 
    $(this).datepicker() 
} 

Answer 2

你爲什麼不嘗試創建一個回調函數插入動態插入元素時，將調用。回調可以爲指定的選擇器設置日期選擇器。

Answer 3

如果你知道什麼時候插入元素，你可以在它之後執行.datepicker（）。

Answer 4

前一段時間我使用了類似的東西複製/刪除，一個jQuery插件，你可以在這裏找到：

$(this).find('input').focus(); 

： http://www.trovster.com/lab/plugins/duplicate-remove/

對上jquery.duplicate-remove.js的線60以下後，

可以實例jQuery的日期選擇器：

$(this).find('.datepicker').datepicker(); 

然後，只需調用複製/常刪除。您還需要選取器第一個元素的「初始」datepicker實例。

Answer 5

嘗試修改您的代碼如下：

$('#typeId').change(function(){ 
    $(this).nextAll().remove(); 
    $(this).parent().append($('<input type="hidden" name ="view_type" value="by_range"> <span>Start:</span> <input type="text" name="start_date" class="date"> <span>End:</span> <input type="text" name="end_date" class="date"> <input type="submit" value="Submit">').find('.date').datepicker()); 
})