gpt4 book ai didi

javascript - 动态生成的元素上的 Jquery 单击事件不起作用

转载 作者:行者123 更新时间:2023-11-30 11:01:49 25 4
gpt4 key购买 nike

<分区>

我想对表格数据进行页内编辑。当我双击表格单元格时,它会附加一个文本框,我可以在其中编辑文本。我想在模糊事件中保存数据。当文本框失去焦点时,什么也没有发生。

这是代码片段:

$(document).ready(function () {

$n = 1;

$('.td').dblclick(function () {
$val = $(this).text();
$(this).empty().append("<input type='text' id='txtReady"+$n+"' class='txt'>");
$('#txtReady'+$n).val($val).focus();
$n++;
});

$(document).on("input.txt", "blur", function () {
alert('blured');
});

});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
<tr>
<td class="td">Sample Text One</td>
<td class="td">Sample Text Two</td>
</tr>
</table>

我检查了点击和其他事件,但没有任何反应。我找不到问题所在。所以我需要帮助。

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com