jQuery Datepicker没有被执行

时间:2017-06-07 01:35:10

标签: javascript jquery html dom

我的主要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-&gt; 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访问?

1 个答案:

答案 0 :(得分:3)

不,与innerHTML没有任何关系,这里的问题是时间问题。所有jquery插件都是在调用它的函数时构建的。

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

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