Question

我正在使用jquery time picker。它显示所有元素的时间下拉菜单，但是当我在动态创建的文本字段上应用它时（通过带有“添加更多”按钮的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();
}

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

2 个答案: