javascript - 使用 jquery 创建内联更新字段

Question

我再次陷入困境

我有一个表格，其中一列是一个值，我希望能够单击该值，将其变成输入字段，然后再次单击将其更改回纯文本。

我已经完成了第一步。它变成一个带有单击链接的输入字段，并使用先前在 td 中的值。

但是，在编写更新值并删除输入的函数时，我根本无法触发它。我尝试复制输入字段并硬编码第一步到页面中，当我这样做时，它实际上会触发点击功能。 (我还没有完成这一步，因为我想先启动该函数。下面是我的代码。非常感谢任何帮助!

HTML:

<table>
<tr id="1"><td class="qty" set="0" >2</td></tr>
<tr id="2"><td class="qty" set="0" >2</td></tr>
<tr id="3"><td class="qty" set="0" >2</td></tr>
</table>

JQUERY:

$(".qty").click(function(){
    var value = $(this).text();
    var set =$(this).attr('set');
    if (set==0){
        $(this).html('<input type="text" name="quantity" value="'+value+'"><a href="#" class="update_qty">update</a> </span>');
        $(this).attr('set', '1');
    }
});

$(".update_qty").click(function(){
    alert("using this to check if it's firing");
});

Answer 1

您需要使用live()函数，否则事件将不会添加到新创建的元素中。

$(".update_qty").live('click',function() {
   alert("check if firing");
});