使用.on()动态添加元素的数据报警器
使用.on()动态添加元素的数据报警器
提问于 2013-09-06 07:32:35
单击按钮时，我将动态加载HTML。该html然后显示在一个模态窗口中。它包含一个<input type="text" class="datepicker"/>元素，我想为它附加一个数据报警器。我记得jQuery曾经为这类东西支持.live()，但它已经被on()取代了。但是，我不知道如何正确地使用on()
$('.datepicker').on('load', function() { $(this).datepicker(); });不管用。
回答 3
Stack Overflow用户
回答已采纳
发布于 2013-09-06 07:47:38
你也可以试试这个
$(function(){
$(document).on("click", ".datepicker", function(){
if (!$(this).hasClass("hasDatepicker"))
{
$(this).datepicker();
$(this).datepicker("show");
}
});
});Stack Overflow用户
发布于 2013-09-06 07:34:52
您需要使用.on()的事件委托语法
(document).on('focusin', '.datepicker', function() { $(this).datepicker(); });Stack Overflow用户
发布于 2014-03-20 07:27:51
实际上我使用了javascript代码。用于动态创建文本框的数据报警器。我无法在文本框(第二行)中选择日期。我正在发送我的代码，请您检查并告诉我
//这是datepicker的javascript
$(function() {
$( ".datepicker" ).datepicker({
yearRange: "1980:c",
maxDate: "+0D",
changeMonth: true,
changeYear: true,
dateFormat: "mm/dd/yy",
//showOn: "button",
//buttonImage: "Images/calendar.gif",
buttonImageOnly: true
});
$('.timepicker').timepicker({
timeFormat: 'hh:mm'
});
});和javacript用于动态添加。
function addRow(tableID) {
var table = document.getElementById(tableID);
var rowCount = table.rows.length;
var row = table.insertRow(rowCount);
var colCount = table.rows[2].cells.length;
for(var i=0; i<colCount; i++) {
var newcell = row.insertCell(i);
newcell.innerHTML = table.rows[2].cells[i].innerHTML;
//alert(newcell.innerHTML);
//alert(newcell.childNodes);
switch(newcell.childNodes[0].type) {
case "text":
case "hidden":
newcell.childNodes[0].value = "";
break;
case "checkbox":
newcell.childNodes[0].checked = false;
break;
case "select-one":
newcell.childNodes[0].selectedIndex = 0;
break;
case "textarea":
newcell.childNodes[0].value = "";
break;
}
}
}使用表id添加行的html
<td><input id="date" type="text" name="date[]" class="datepicker" size="10" value="<?php echo Convert_Date($rows1['date']); ?>"/></td>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/18652284
复制相关文章
相似问题
腾讯云开发者
