动态表行未绑定
Dynamic Table row not binding
这是我用来附加表行的代码,其中personTabs是iframe名称
$(".addClass1").on('click',function() {
parent.parent.parent.personTabs.$("#skilltableId").append(
'<tr id="skilltableId1"><td class="btnRemoving">'+$("#selecetedValue").val()+'</td><td class="editing">'+$("#type").val()+'</td><td style="display:none">'+$("#commonDbid").val()+'</td></tr><br>'
);
当我单击td class='editing'时,我将生成一个文本框,如下所示。。
parent.parent.parent.personTabs.$(".editing").on('click',function() {
var data = $(this).text();
$(this).html("<input type='text' id='focus123' value='"+data+"'/>").children().focus();
});
我第一次一切都好起来了。。表中的行被添加得很好。。当我第二次执行相同的追加操作时,将生成表行。onclick仅适用于最后生成的行。。但不是前一个。。为什么这么…这里的任何人都可以告诉我,。。我尝试了现场委托的方法。。但都没用。。我使用的是jquery-1.9.1.js
我认为一个问题是您创建了一个具有相同id的文本框。我不知道你为什么用parent.parent.parent…
$(".addClass1").on('click',function() {
$("#skilltableId").append(
'<tr id="skilltableId1"><td class="btnRemoving">'+$("#selecetedValue").val()+'</td><td class="editing">'+$("#type").val()+'</td><td style="display:none">'+$("#commonDbid").val()+'</td></tr><br>'
);
$(".editing").on('click',function() {
var data = $(this).text();
$(this).html("<input type='text' class='focus123' value='"+data+"'/>").children().focus();
});
我不确定它是否有效,但你也可以使用这个javascript函数
$(".addClass1").on('click', function () {
$("#skilltableId").append('<tr id="skilltableId1"><td class="btnRemoving">' + $("#selecetedValue").val() + '</td><td class="editing" on click="myfunction(this)">' + $("#type").val() + '</td><td style="display:none">' + $("#commonDbid").val() + '</td></tr><br>');
function myfunction(selectedTd) {
var data = $(selectedTd).text();
$(selectedTd).html("<input type='text' class='focus123' value='" + data + "'/>").children().focus();
}
});
相关文章:
- 如何在动态创建的节点上绑定函数
- 有没有比在app.js上绑定模块名称更好的方法来动态加载视图模型和视图以显示模态
- 将值动态绑定到jquery中的切换按钮
- Angularjs在js中绑定动态表单构建
- 取消绑定动态创建的元素的单击事件
- 如何绑定动态表单
- 使用Angular数据绑定动态舍入总和
- 如何使用ng模型绑定动态复选框值
- 绑定动态元素的简单方法,无需调用函数jquery
- famo.Us /js:绑定动态数据,点击事件发送数据
- 如何在高图工具提示中绑定动态数据
- 从API绑定动态数据到FlipView控件
- 绑定/动态加载事件的动态HTML不工作
- Angular的$compile / $controller没有绑定动态HTML的作用域
- 解除绑定动态绑定的XBL的动态方式
- 与asp.net MVC绑定动态选择列表
- 在jquery中使用on绑定动态生成元素的多个事件处理程序对
- 选择不使用angular 2绑定动态更新的选项
- 在angular中调用$compile绑定动态HTML后的ng-repeat问题
- 使用 vue.js 绑定动态表单值