Backbone.js 主干木偶项视图未触发事件（使用两个模板）

我有一个主干木偶项目视图，它有两个模板，我想在特定条件下打开。 主干视图正在为1个模板注册事件，但没有为第二个模板触发

 var emailView = Marionette.ItemView.extend({
            initialize: function(){
          },
          getTemplate: function(){
            if(this.options.position == 'a'){
//load tempalte 2
              return template2;
            } else {
//load template 1
              return template;
            }
          },
          events: {
//event from second template, not firing
              'click #abcdef': 'a',
//event from first template, working
              'click #sendemail': 'b'
          },
          a: function(){
            alert("Hello");
          },
          b: function(){
            alert("Hellob");
          }

当我运行Template1时，事件工作正常，但当我加载template2时，它不会为它接收事件

可以指导我做错了什么

我的第一个模板：

<div id="emaildialog" title="" class="emaild">
    <div class="row">
        <div class="row1">
            <button class="k-button" id="sendemail">Send</button>
        </div>      
    </div>
</div>

发送

我的第二个模板：

<div id="emailconfiguredialog" class="emaild" title="">
    <div class="row">
        <div class="row1">
            <button class="k-button" id="abcdef">Update Email</button>

        </div>
    </div>
</div>

更新电子邮件

您能提供模板的代码吗？@ne8il更新了代码以显示模板的代码。我看不到您发布的内容有错误，我复制了代码及其在JSFIDLE上的工作，可能问题出在其他地方，