jQuery 不 append 元素

Question

我正在努力雄心勃勃，向 Flexigrid 添加额外的搜索框...我深入研究了 flexigrid 脚本并找到了添加搜索元素的位置。然后我添加了自己的输入字段，如下所示:

$(g.sDiv).append("<input type='text' value='' size='30' name='fromDate' id='datepicker' class='qsbox datepicker' />");

g.sDiv 是在脚本前面创建的变量，如下所示:

g.sDiv = document.createElement('div');

我假设这会创建一个 div 并且我能够向其中添加项目。

有几件事我无法解决。如果我 append 以下元素:

$(g.sDiv).append("<div id = 'customSearch'></div>");

(正确渲染)，然后尝试使用以下方法 append 到该 div:

$('#customSearch').append("<input type='text' value='' size='30' name='fromDate' id='datepicker' class='qsbox datepicker' />");

页面中未添加输入框。

为什么这个方法不起作用？

此外，创建输入框后，我想添加日期选择器用户界面。如何对动态创建的项目执行此操作。我尝试在创建元素后添加这行代码:

$('#datepicker').datepicker();

但这不起作用。

append 项目时我缺少什么以及如何在 append 项目后将日期选择器添加到最终输入中。

Answer 1

您必须首先将 g.sDiv 添加到文档中，以便 $('#customSearch') 选择器找到该元素，否则该元素还不是一部分文档，因此无法使用 document.getElementById() 找到。

$("body").append(g.sDiv);
$("#customSearch").doSomething();