javascript - 为什么刷新浏览器后需要在文本字段上单击两次才能调用 JavaScript 中的函数？

Question

我有日期时间选择器:

<input type='text' class="form-control datetimepicker" id='datetimepicker' name="appearanceDate0"/>

由于我不能在我的情况下使用 id 我必须按类引用它..所以当我写:

$("body").on("click", ".datetimepicker", function () {
                            $(this).datetimepicker({
        onChangeDateTime: logic,
        onShow: logic
    });
});

然后重新加载页面后，我必须在文本字段上单击两次才能调用日期时间选择器。但是，稍后当我不刷新页面时，我可以单击一次，然后就会出现选择器。为什么会这样？我该如何改变它？

Answer 1

尝试将代码包装在

$( document ).ready(function() {
    $("body").on("click", ".datetimepicker", function () {
        $(this).datetimepicker({
            onChangeDateTime: logic,
            onShow: logic
        });
    });
});