2012-01-14 11 views
1

backbone.jsで動作するtwitterブートストラップのモーダルを取得できません。Twitter Bootstrap TwipsyをBackbone.jsと連携させる方法

バックボーンビューは正常に動作します。

window.CaseView = Backbone.View.extend({ 
    tagName: "tr", 
    render: function() { 
     var that = this; 
     var tmpl = $("#tmplCase").render(that.model.toJSON()); 
     $(that.el).html(tmpl); 
     return this; 
    }, 
events: { 
     "hover #pp-12444" : "open" 
}, 
open: function() { 
     //console.dir(this); 
     $('#pp-12444').twipsy('show'); 
}, 
    ... 

twitterのブートストラップjsモジュールが正しくロードされました。

答えて

3

てみtwipsy最初に初期化するだけにして、それを表示するには:

$('#pp-12444').twipsy({'placement': 'above'}).twipsy('show'); 
+0

おかげで、私はそれを初期化することはありません。私は最後に以下を使いました: 'open:function(){ \t \t var that = this; \t \t var id = '#' + that.el.children [3] .children [0] .id; \t \t $(ID).twipsy({トリガ: "手動"、 配置: "右"、 オフセット:10、 HTML:真、 タイトル:関数(){ "(that.model.getを返すメッセージ");}、 }); \t \t $(id).twipsy( "show"); \t \t}、 ' – Joe

0

#pp-1244要素に必要な属性が含まれていることを確認しましたか? twipsyブートストラップのデモでは、表示するテキストが要素のdata-original-title属性に設定されています。

関連する問題