如何将可点击的链接/对话框添加到Backbone.js JST EJS文件中

Question

我需要在Backbone.js模板文件中创建一个模式对话框(只需单击"确定")。它是这样一个循环，在show_template.jst.js:中

<% for(var i = 0... all words %>
<% var word = get the ith word %>
<td><span class="synonyms"><%= I18n.t("Synonyms") %></span></td>

我希望用户能够点击"同义词"(用她选择的语言)，弹出一个模态对话框，并用她的语言显示数据库中的同义词。总之，我希望同义词可以点击。

有人能给我指正确的方向吗？(我是Javascript/Backbone.js noob)

Answer 1

基本上，我看到了两个选项，可以让同义词可点击，并知道点击了哪个

一个视图选项-将数据放在dom上，点击即可读取：(注意数据种类属性)

<% for(var i = 0... all words %>
<% var word = get the ith word %>
<td>
<span class="synonyms" data-kind='<%= I18n.t("Synonyms") %>' >
<%= I18n.t("Synonyms") %>
</span>
</td>

视图的事件部分看起来像这个

events: {
"click .synonums" : "synonyms_event"
},
synonyms_event: function(e) {
var kind =  $(e.target).data("kind");
alert(kind + " was pressed");
}

另一个选项是为每个单词创建视图，并让它处理点击事件