JQuery версии 1.11.1: нажмите не работает на кнопку, созданную с помощью append ()

Question

Я хочу выполнить функцию при нажатии кнопки.Кнопка создана с помощью функции append ().

Я пытался использовать on, но она не работает.

Я пытаюсь достичь функции масштабирования.Я изменил файл imgages-grid.js в библиотеке.ссылка на библиотеку: https://github.com/taras-d/images-grid#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 пишу функцию для увеличенияи прямо сейчас я просто пытаюсь напечатать обычный console.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');

}