jQuery 版本 1.11.1:单击使用 append() 创建的按钮"不工作"

Question

我想在单击按钮时执行函数。按钮是使用 append(( 函数创建的。

我试过使用，但它不起作用。

我试图实现缩放功能。我已经修改了库中的 imgages-grid.js 文件。图书馆链接 ： https://github.com/taras-d/images-grid#images-grid

这是我在文件图像网格.js文件中修改的代码：

ImagesGridModal.prototype.renderModal = function() {
this.$modal = $('<div>', {
class: 'imgs-grid-modal'
}).append(
$('<div>', {
class: 'zoom-btn'
}).append(
$('<button id="ttt">', {
class: 'zoom'
}).append("+")
).append(
$('<button>', {
}).append("-")
)
).appendTo('body');
}

在另一个js文件中，我正在编写用于放大和缩小的功能 现在我只是想打印普通控制台.log("已执行"(;

这是代码：

$("#ttt").on("click", function() {
console.log("Executed");
});

当单击+按钮时，我想要的图像大小应该增加，而当单击-时，它应该减小。

Answer 1

基于源代码(https://github.com/taras-d/images-grid/blob/master/src/images-grid.js(可能是你应该试试这个：

ImagesGridModal.prototype.renderModal = function () {
this.$modal = $('<div>', {
class: 'imgs-grid-modal'
}).append(
$('<div>', {
class: 'zoom-btn'
}).append(
$('<button id="ttt">', {
class: 'zoom',
on: {
load: this.onImageLoaded,
click: function (event) {
console.log("Executed");
}.bind(this)
}
}).append("+")
).append(
$('<button>', {
}).append("-")
)
).appendTo('body');

}