我正在尝试绑定div上的click事件(在 Backbone.js 视图中)
下面是我创建视图并为其设置事件的代码
dialogModel = new Dialog.SimpleWindowModel({
title: 'export:export.dialog.title',
data: {
message: 'export:export.dialog.message',
downloadPDF: 'export:export.dialog.downloadPDF',
shareByQRCode: 'export:export.dialog.shareByQRCode',
sendEmail: 'export:export.dialog.sendEmail',
},
bodyTemplate: exportTpl,
});
dialogView = new Dialog.WindowView({ model: dialogModel });
dialogView.on('click .download-pdf', function () {console.log("ff");});
dialogView.on('click .share-qr-code', ExportAction.shareByQRCode);
dialogView.on('click .send-email', ExportAction.sendEmail);
这是视图样板:
<div class="export-button-container">
<div class="btn export-button download-pdf">
<img src="https://betanews.com/wp-content/uploads/2015/09/PDF.jpg"/>
<p class='dialog-message' data-i18n>{{downloadPDF}}</p>
</div>
<div class="btn export-button share-qr-code">
<img src="https://www.qrstuff.com/images/sample.png"/>
<p class='dialog-message' data-i18n>{{shareByQRCode}}</p>
</div>
<div class="btn export-button send-email">
<img src="https://d1hoh05jeo8jse.cloudfront.net/media/google/gmail-icon.jpg"/>
<p class='dialog-message' data-i18n>{{sendEmail}}</p>
</div>
</div>
我期望当我点击div class=“download-pdf”,console.log(“ff”);会被处决但事实并非如此。
如何解决?谢谢
1条答案
按热度按时间g52tjvyc1#
on
方法仅适用于内部 Backbone.js 事件(例如add
或remove
),而不适用于***DOM***事件(例如click
)。对于DOM事件,您必须使用View的events
hash/方法,该方法可以在自定义视图类中指定,也可以作为选项传递给View构造函数。对于视图类定义不清楚的代码,可以使用第二个选项(传递给构造函数):