jquery 1.11.1版:单击使用append()创建的按钮不工作
我想在点击按钮时执行该功能。按钮是使用append()函数创建的 我试过在上使用,但不起作用 我正在尝试实现缩放功能。我已经修改了库中的imgages-grid.js文件。图书馆连结: 以下是我在images-grid.js文件中修改的代码: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
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');