본문에 부착 할 때 부트 스트랩 툴팁이 남음

Question

본문의 특정 div에 부트 스트랩 3 툴팁을 적용 할 때 가장자리가 있습니다.

$('body').tooltip({selector: '[data-tt="tooltip"]', container: '.spa > div:first-child', trigger: 'hover', delay: { show: 500, hide: 0 }, placement: function() { 
    var position = this.$element.data('placement'); 
    if (typeof position !== 'undefined') { 
     return position; 
    } else { 
     return 'bottom'; 
    } 
}}); 

나는 툴팁을 i, input, button, divs에 적용하고 마우스 오버하면 효과적입니다. 입력/단추를 클릭 한 다음 클릭 한 다음 mouseout을 클릭하면이 엣지 케이스를 완벽하게 시간을 기록하면 툴팁이 dom에 고정됩니다. 공유 할 사이트가 없지만 내 질문은 툴팁으로 모든 DOM 요소의 기록을 추적하는 옵션이 아니라면 BS3-Tooltips를 어떻게 정리해야합니까?

컨텍스트가 항상 본문이기 때문에 ... ('클릭', 기능 (this) {... ('숨기기');}에 툴팁 (...)을 사용할 수 없습니다. 그리고 라우팅에 쉽게 모든 툴팁을 지우는 것을 .spa 내부의 툴팁을 배치해야합니다. 감사합니다 어떤 조언을! PS 내가 애니메이션을 제거 시도, 지연.

Answer 1

$('body').on('click', function() { 
    $('body').tooltip('hide'); 
}).tooltip({selector: '[data-tt="tooltip"]', container: '.spa > div:first-child', trigger: 'hover', delay: {show: 500, hide: 0}, placement: function() { 
    var position = this.$element.data('placement'); 
    if (typeof position !== 'undefined') { 
     return position; 
    } else { 
     return 'bottom'; 
    } 
}}); 

나를 위해 일했습니다.