3

underscore.js テンプレート (特に jquery .click() イベント) 内に JavaScript コードを含めるのに問題があります。<% .. %> タグのさまざまなバリエーションを試しましたが、これが私の最新のものです。

 <script type="text/html" id="eventTemplate">
  <% _.each(words, function(word) { %>
      <a data-role="button" id="eventButton <%= word %>" href="#" data-icon="plus" data-iconpos="right">
          <%= word %>
      </a>
     <% $('#eventButton' + word +').click(function() {
         console.log(word);
        });
     }); %>

どんな助けでも大歓迎です。ありがとう

4

1 に答える 1

4

それは良い考えではありません。コードは、生成された HTML が DOM に挿入されるとき (または挿入された後) ではなく、テンプレートの評価中に実行されます。ただし、jQuery セレクターを機能させるにはそれが必要です。

したがって、動作をコンテンツから分離してください。

<script type="text/html" id="eventTemplate">
<% _.each(words, function(word) { %>
    <a href="#" data-role="button" class="eventButton" data-word="<%= word %>" data-icon="plus" data-iconpos="right">
        <%= word %>
    </a>
<% }) %>
</script>

// then:
    var html = _.template(eventTemplate, data);
    $(domElement).html(html).on("click", ".eventButton", function(e) {
        console.log($(this).data("word"));
    });
于 2013-07-12T10:49:45.757 に答える