jQuery的on.click不首先点击工作（用动态元素）(jquery on.click does

我有以下问题所困扰：我动态创建输入元素，我尝试将日期选择器附加到它。 但它只能当我再次点击输入某个输入元素之外，然后。 控制台日志工作首先点击很好，所以我不知道什么是这里的问题？

$(document).ready(function(){
   $("div.single_condition").on("click", "input", function(){
        if($("select.select_operator").val() == '>'){
            console.log("O.K.");
            $(this).datepicker();
        }
        else {
            console.log("NOT O.K.");
        }
    });
});

Answer 1:

即使你一个日期选择器绑定到你输入正确使用.datepicker()你需要证明它在第一次点击。

试试这个代码，

$(this).datepicker().datepicker("show");

演示

更改JS：

$("div.single_condition").on("click", "input", function () {
    if ($("select.select_operator").val() == '>') {
        console.log("O.K.");
        $(this).datepicker().datepicker("show");
    } else {
        console.log("NOT O.K.");
    }
});

建议 ：绑定.datepicker()你追加动感的元素，而不是后click 。

文章来源: jquery on.click doesn't work on first click (with a dynamic element)