当事件被另一个函数的元素调用时，JavaScript函数不起作用

Question

我已经下载了一个日历脚本，当单击输入元素时，将弹出一个日历。

<script language="JavaScript">
  $(function() {
        $( ".datepicker" ).datepicker();                
  });   
</script>

<input class='datepicker' />

上面的代码工作正常。

但是当元素来自JavaScript时...

<script language="JavaScript">
function showElement()
{
    $('#mydiv').html("<input class='datepicker' />");

}
</script>

<div id='mydiv'></div>

单击输入后，日历不会显示。 我认为下载的脚本没有错误。 我认为即使元素是由javascript创建的，我也需要做些使该日历显示的操作。 我应该修改什么？ 谢谢！

Answer 1

将功能更改为：

function showElement()
{
    $('#mydiv').html("<input class='datepicker' />");
    $( ".datepicker" ).datepicker();

}

甚至更好，请执行以下操作：

function showDatePicker(selector) {
    $(selector).datepicker();
}

function showElement()
{
    $('#mydiv').html("<input class='datepicker' />");
    showDatePicker(".datepicker");
}

这样，您可以通过对与作为参数传递给函数的选择器匹配的任何元素调用showDatePicker()函数，随时显示日期选择器。 当然，在您的情况下，您只想在调用showElement()函数之后才调用它