我有一个页面,我试图将子项添加到父对象。
在页面上,我有一个链接“Add Child”,它调用 ajax get,返回带有 Child 文本框的部分视图。在成功的过程中,我正在做一个将结果添加到 div 的 innerHTML 的函数。
在局部视图中,我有一个出生日期的文本框,名为“Birthdate{id}”,其中 {id} 是一个基于已添加数量的数字。
在成功方法中,我正在做一个
$("#BirthDate" + childAdded).datepicker();
这对于最新的生日日期选择器来说效果很好。如果我添加 3 个孩子,则第 3 个孩子 div 的 BirthDate 将加载一个日期选择器,但第一个和第二个将丢失日期选择器。添加第 4 个将删除第 3 个的日期选择器。
代码:
function addChild() {
$.ajax({
type: "GET",
url: "/Home/AddChild?childNumber=" + $("#CurrentNumberOfChildren").val(),
data: "{}",
contentType: "text/html",
dataType: "html",
success: function (results) {
var div = document.getElementById('ChildDiv');
div.innerHTML += results;
$("#CurrentNumberOfChildren").val(parseInt($("#CurrentNumberOfChildren").val()) + 1);
var numberOfChildren = $("#CurrentNumberOfChildren").val();
$("#BirthDate" + numberOfChildren).datepicker();
}
});
}
有人遇到过这个吗?