javascript - jQuery Datepicker 未被执行

Question

我的主 php 文件中有以下内容:

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>
    $( function() {
        $( "#datepicker" ).datepicker();
    } );
</script>

包含输入框的输入框正在用innerHTML编写。

例如，输入框是这样写的。

echo $api->get_add_number();调用 PHP 代码。有一个选择框将调用以下内容:

function fetch_select(val)
{
    $.ajax({
        type: 'post',
        url: 'fetch_data.php',
        data: {
            get_option:val
        },
        success: function (response) {
            document.getElementById("new_select").innerHTML=response;
        }
    });
}

从那里输入框将被写入并作为 innerHTML 返回。

问题是当我尝试点击输入框时:

<input type="text" id="datepicker"/>

我没有收到日期选择弹出窗口。是因为在innerHTML里面，javascript访问不到吗？

Answer 1

不是，跟innerHTML没有关系，这里的问题是时机。所有 jquery 插件都是在您调用其函数时构建的。

所以你只需要在包含你的新 html 之后调用它

success: function (response) {
            document.getElementById("new_select").innerHTML=response;
            $( "#datepicker" ).datepicker();
         }