Question

我需要在Backbone.js模板文件中创建一个模态对话框（只需单击OK）。它在这样的循环中，在show_template.jst.ejs：

中

<% 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

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

One View选项 - 将您的数据放在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");
}

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

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

1 个答案: