javascript - 对当前不存在的 ID 执行函数

Question

我的页面上有一个按钮，它调用这样的 jQuery 函数：

$('[id^=edit]').one('click',function (){
    id = $(this).attr('id')
    changedId = id.replace('edit', '') // cut off the word 'edit'
    oldValue = $('#' + changedId).text()
    $('#' + changedId).html("<input class='myInput' type='text' value='" + oldValue +"'/>");
    $(this).addClass('success');
    $(this).attr('id', changedId+'Button');
    $(this).text("save it")
});

基本上，此单击会在段落中创建一个输入元素，并向按钮添加另一个类，然后更改其 ID。

我想编写第二个函数，当单击具有新 ID 的按钮时将执行该函数。例如：

$('[id$=Button]').click(function(){
    alert("it works");

});

这样的事情可能吗？该新功能会触发对我的 Django 应用程序的一些 AJAX 调用，但这无关紧要。

Answer 1

如果您希望将事件委托给尚不存在的元素，请使用on：

 $(document.body).on('click', '[id$=Button]', function(){

Answer 2

你可以使用jquery：

$('#' + changedId + 'Button').live('click', function(event) {
   alert('it works');
});