嗨,我在我的页面中创建了一个表格,在其中我使用了 timepicker 功能作为输入元素,并使用下面的函数,每当我到达表格的最后一行时,我都会在表格中添加一个新行:
<script type="text/javascript">
$(document).ready(function(){
$("#myTable tr:last input").live("click",function(){
$(this).parent().parent().clone().appendTo("#myTable");
});
});
</script>
这很好用,我在表中添加了 jquery timepicker:
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/darkness/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<link href="../css/jquery.ui.timepicker.css" rel="stylesheet" />
<script src="../js/jquery.ui.timepicker.js"></script>
<script>
jQuery(function($){
$('#element1').timepicker();
$('#element2').timepicker();
$('#element3').timepicker();
$('#element4').timepicker();
});
我在页面中的表格如下:
<table id="myTable" class="timingtable" border="1" cellpadding="0" cellspacing="0" align="left" style="width:100%; height:170px;">
<tr>
<th>Start time</th>
<th>End time</th>
<th>Family</th>
</tr>
<tr>
<td><input type="text" name="start" id="element1" value=""></td>
<td><input type="text" name="end" id="element2" value="" ></td>
<td><input type="text"/></td>
</tr>
<tr>
<td><input type="text" name="start" id="element3" value=""></td>
<td><input type="text" name="end" id="element4" value="" ></td>
<td><input type="text"/></td>
</tr>
</table>
在这里,我需要动态地将 Jquery Timepicker 功能添加到表中新添加的行中,我该怎么做?非常感谢任何帮助....在此先感谢....