2013-06-17 3 views
0

부트 스트랩의 버전 popover()을 구현하는 데 큰 어려움을 겪고 있습니다. 사실 이전에 내 자신의 popover 버전을 구현했으며 지금은 Bootstrap으로 바꾸고 싶습니다. 따라서 내 논리는 UI 표현을 변경해야합니다. 그래서이 문제에 대한 해결책을 제시하십시오.javascript 전역 변수로 트위터 부트 스트랩 팝 오버를 숨기려면 어떻게합니까?

내 prevoius 팝업 잘 다음을 일하는 한 :

this.myPopObj = new myPopupClass({ 
    title: 'Title', 
    content: templateContent, 
}); 
this.myPopObj.show(); 

을 부트 스트랩의 popover() 내 코드 내 자신의 구현을 교체 한 후하면됩니다 : 자신의 문서에 따르면

this.myPopObj = function(){ 
    $("#popupId").popover({ 
     title: 'Title', 
     content: templateContent, 
    }); 
} 
this.myPopObj.show(); // doesn't work 
+0

일부 html은 좋지만 jquery를 사용하고 있기 때문에 .hide()를 시도 했습니까? – raam86

+0

예 jquery를 사용 중입니다 ... 콘솔에서 오류가 발생합니다. 잡히지 않은 TypeError : Object [object Object]에 'close'메서드가 없습니다. –

답변

0

나는 click 이벤트 t 버튼과 setTimeout 클래스 팝업으로

그리고 그것은 재미있게 작동합니다.

$('#click_button').popover({ 
    container: 'body', 
    placement: 'top', 
    trigger: 'focus', 
    title: 'title', 
    content: 'content' 
}); 

$('#click_button').click(function(event) { 
    setTimeout(function() { 
    $('.popover').fadeOut('slow',function() {}); 
    },2000); 
}); 
관련 문제