jquery - 如何在动态创建的元素中应用 jquery 时间选择器（添加更多按钮）？

Question

我正在使用jquery 时间选择器。它显示所有元素的时间下拉列表，但是当我将其应用于动态创建的文本字段（通过带有“添加更多”按钮的 javascript 动态创建表单元素）时，它不起作用。

下面是我实现的代码。

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script type="text/javascript" src="../include/jquery_time_picker/jquery.timepicker.js" ></script>
<link rel="stylesheet" type="text/css" href="../include/jquery_time_picker/jquery.timepicker.css" />
<script>

$(function() {
     $(".Time_Pic").timepicker();
});

function add_more_element()
{
   //code for creating form elements
}
</script>

请告诉我我做错了什么？

Answer 1

我会在你的add_more_element()函数中调用它

function add_more_element()
{
//code for creating form elements
    $(".Time_Pic").timepicker();
}

这样，每次创建新元素时，都会timepicker对其应用

Answer 2

在您的添加功能中尝试这样

function add_more_element()
{
    //code for creating form elements
   //add element here like
    $('div').append("<input type='text' class='time'>");
    $('.time').timtpicker();
}