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

jquery 1.11.1版:单击使用append()创建的按钮不工作,jquery,Jquery,我想在点击按钮时执行该功能。按钮是使用append()函数创建的 我试过在上使用,但不起作用 我正在尝试实现缩放功能。我已经修改了库中的imgages-grid.js文件。图书馆连结: 以下是我在images-grid.js文件中修改的代码: ImagesGridModal.prototype.renderModal = function() { this.$modal = $('<div>', { class: 'imgs-grid-moda

我想在点击按钮时执行该功能。按钮是使用append()函数创建的

我试过在上使用,但不起作用

我正在尝试实现缩放功能。我已经修改了库中的imgages-grid.js文件。图书馆连结:

以下是我在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');
    }
单击+按钮时我想要的是图像大小应增加,单击-时图像大小应减少。

基于源代码()可能是您应该尝试以下操作:

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');
ImagesGridModal.prototype.renderModal=函数(){
此.$modal=$(''{
类别:“imgs网格模式”
}).附加(
$('', {
类:“缩放btn”
}).附加(
$('', {
类:“缩放”,
关于:{
加载:此。onImageLoaded,
单击:功能(事件){
控制台日志(“已执行”);
}.绑定(此)
}
}).追加(“+”)
).附加(
$('', {
}).附加(“—”)
)
).附于(“主体”);

}

post按钮也单击事件代码,以便我们可以查看它的可能重复项
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');