バックボーンイベントとTwitterブートストラップポップオーバー

Question

twitterのバックボーンレンダリングビューを以下のように挿入します。問題は、そのビューのコンテンツスルー・オプション・バックボーン・イベントを挿入すると起動しないことです。 $（selector）.html attendanceShow.render（）。elイベントが問題なく動作します。事前にありがとう

 attendance = new Attendance() 
     attendance.url = "#{attendanceUrl}/#{attendanceId}" 
     attendance.fetch 
     success: -> 
      attendanceShow = new ExamAttendanceShow({model: attendance }) 
      currentTarget.popover 
      html : true 
      content: -> 
       attendanceShow.render().el 

お礼、 ジョージ。

Answer 1

私が理解しているところでは、あなたのコードとあなたの説明に基づいて、あなたはポップオーバーのインスタンスを作成しているに過ぎません。私はLiveデモが動作していますが、CoffeeScript（個人的にはCoffeeScriptが嫌い）ではなく、this jsfiddleというコードを見ることができます。

data1.json

{"content": "lorem ipsum dolor sit amet"} 

index.htmlを

<div class="container"> 
    <div class="row"> 
     <button class="btn" data-target="popover">Popover</button> 
    </div> 
    <div class="row">&nbsp;</div> 
    <div class="row"> 
     <button class="btn" data-action="change-content">Change Content</button> 
    </div> 
</div> 

main.js

var Main = Backbone.View.extend({ 
    model: null, 
    item: null, 
    popover: false, 

    events: { 
     'click .btn[data-target]': 'button_click', 
     'click .btn[data-action="change-content"]': 'change_content' 
    }, 

    initialize: function() { 
     _.bindAll(this); 

     this.model = new PopoverModel(); 
     this.model.view = new PopoverContentView({model: this.model}); 

     this.item = this.$('.btn[data-target]'); 
     this.item.popover({ 
      html: true, 
      content: this.model.view.render().el 
     }); 
    }, 

    button_click: function(event) { 
     if (!this.popover) { 
      this.model.url = 'js/data1.json'; 
      this.model.fetch({ 
       success: this.model_fetched 
      }); 
     } else { 
      this.popover = false; 
     } 
    }, 

    model_fetched: function() { 
     if (!this.popover) { 
      this.item.popover('show'); 
     } else { 
      this.item.popover('hide'); 
     } 

     this.popover = !this.popover; 
    }, 

    change_content: function(event) { 
     this.model.set('content', 'Some random content... ' + parseInt(Math.random() * 10)); 
    } 
}); 

var PopoverModel = Backbone.Model.extend({ 
    defaults: { 
     content: '' 
    } 
}); 

var PopoverContentView = Backbone.View.extend({ 
    initialize: function() { 
     _.bindAll(this); 
     this.listenTo(this.model, 'change', this.render); 
    }, 

    render: function() { 
     this.$el.html(_.template('<%= content %>', this.model.toJSON())); 
     return this; 
    } 
}); 


var main = new Main({ 
    el: '.container' 
}); 

Answer 2

私はゲオルギの答えに拡大して、同様の問題を持っている、これを試してください。

ボタンを配置（動的テキストの代わりに）ポップアップ内のリンクをクリックして、イベントを処理します（例：clickイベント）。