2013-04-25 5 views
2

Backbone.Marionette webapp을 구축 중입니다. UI 요소에 Twitter 부트 스트랩을 사용하고 있습니다.Marionette JS 앱에서 Twitter 부트 스트랩 모듈을 사용하는 방법

내 견해 중 하나에서 툴팁 모듈을 사용하고 싶습니다.

템플릿

<a href="#" class="hepsock" data-toggle="tooltip" title="first tooltip">Tooltip</a> 

보기

class List.User extends App.Views.ItemView 
template: "users/list/templates/_user" 
tagName: "div" 
className: "item" 

onBeforeRender: 
    $('a').tooltip() 

노력하지만 오류를 얻을 수 없습니다/활성화되지 않습니다이 설정 툴팁을 사용.

그러나이 코드를 템플릿 파일에 직접 포함하면 툴팁이 작동합니다.

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('a').tooltip(); 
    }); 
</script> 

어떻게 /가보기에 부트 스트랩 모듈을 활성화 호출 할 수 있습니다?

모든 입력에 감사드립니다!

+0

Shoulnd't 당신은'onRender'를 사용할 수 있습니까? 예 : 'onRender : $ el.tooltip()' – nemesv

+0

작동하지 않았습니다. 알았어 ReferenceError : $ el이 정의되지 않았습니다 –

+0

'$ (el) .tooltip()은 어떨까요? – nemesv

답변

5

@bryanbuchs가 정확합니다. 다음은 작동하는 예제입니다.

http://jsfiddle.net/puleos/L6nzS/

var ToolView = Backbone.Marionette.ItemView.extend({ 
    template:"#tool-template", 
    tagName: "span", 
    onRender: function() { 
     this.$el.find('a').tooltip(); 
    } 
}); 
+2

아마 게시 했어야합니다. 응답으로, 논평 아닙니다. 고마워, 스캇. – bryanbuchs

+0

걱정하지 마라. 나는 당신의 코멘트를 보았을 때 이미 바이올린을 썼다. 그것이 낭비되게하는 수치심 같았다. –

+0

완벽한! 그것은 잘 작동합니다. 플러그인을 인스턴스화하는 가장 좋은 방법입니까? –

관련 문제