javascript - jQuery 无法识别类更改

Question

好的，我有一个编辑按钮，当我按下它时，它会变为“完成”按钮。

这一切都是由 jQuery 完成的。

        $(".icon-pencil").click(function() {
            var pencil = $(this);
            var row = $(this).parent('td').parent('tr');
            row.find('td').not(":nth-last-child(2)").not(":last-child").each(function() {
                $(this).html("hi");
            });

            pencil.attr('class', 'icon-ok-sign');
        });

        //  save item
        $(".icon-ok-sign").click(function() {
            alert("hey");
        });

当我按下“编辑”(“.icon-pencil”)按钮时，其类更改为 .icon-ok-sign (我可以在 Chrome 控制台中看到)，

但是当我点击它时，没有显示任何警报。

当我创建<span class="icon-ok-sign">press</span>时并按下它，将显示一条警报。

如何解决？

Answer 1

尝试使用 $( document ).on( "click", ".icon-ok-sign", function() {...