Question

我正在使用bpopup管理我的弹出窗口，效果很好。

但是当我想在弹出窗口中添加一个日期选择器时，我遇到了一个问题。

在我的父页面中，我正在加载jquery-ui，jquery和我的js文件。

我的js文件有：

$( "#datepicker" ).datepicker()

在我的弹出窗口中我添加了：

<p>Date: <input type="text" id="datepicker"/></p>

当我点击这个没有任何反应时......控制台中没有显示任何错误。

如果我将该代码移至我的父母，我会按预期获得日期选择器。

我正在努力解决为什么它不能在我的弹出窗口中工作..

我的弹出窗口打开：

$("#open").click(function() {
    $('#pop_up').bPopup({
            loadUrl: 'page.php',
    });
  });

任何人都可以建议为什么日期选择器不起作用吗？

由于

更新如果我使用的话，我可以使用它：

$("body").on('click', '#datepicker', function(){
    $( "#datepicker" ).datepicker();
});

但是，它需要在字段中多次单击才能启用，然后使用它。

这是因为当Jquery加载时#datepicker元素不可用吗？

我如何解决这个问题？

由于

Answer 1

我的弹出窗口中的日期选择器使用了：

$("body").on('focus', '#datepicker', function(){
        $( this ).datepicker();     
    });

工作正常。