jquery - 按钮的jQuery附加功能

Question

我想在 button.plz 帮助之后使用 JQuery 附加功能附加一个按钮

var button = $("<button>Hi there</button>");
button.click(function() {
    alert("Hi back!");
});
button.appendTo("#tablecell");

上面的代码用于在表格中的某些文本之后附加一个按钮。但是我想在一个按钮之后附加一个按钮

Answer 1

var button = $("<button>Hi there</button>");
$("#tablecell").on('click', button, function() {
    alert("Hi back!");
});
button.insertAfter("#tablecell");

或者

 $('#tablecell').insertAfter(button);

---

为什么需要.on()委托

因为您的按钮，在页面加载后附加到 DOM，这意味着在 DOM 准备好之后。所以普通的绑定在那里不起作用，你需要委托（又名实时）事件处理程序。

$(target).on(eventName, handlerFunction) // for ordinary binding

但

$(container).on(eventName, target, handler) // for delegate binding

你有另一个选择.delegate()，看起来：

$(container).delegate(target, eventName, handlerFunction);