1

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 初心者です)

4

1 に答える 1

0

基本的に、同義語をクリック可能にするための2つのオプションと、どちらがクリックされたかを知るための2つのオプションがあります。

1つの表示オプション-データをdomに配置し、クリックアクションで読み取ります:( data-kind属性に注意してください）

<% 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");
}

もう1つのオプションは、単語ごとにビューを作成し、クリックイベントを処理させることです。

于 2012-12-15T09:54:23.830 に答える