요소를 변경 한 후 부트 스트랩의 툴팁을 유지하는 방법은 무엇입니까?

Question

나는 나의 자바 스크립트 (jQuery 코드)의이 부분에서 시작

 instance.on(dragLinks, "click", function(e) { 
      var s = instance.toggleDraggable(this.getAttribute("rel")); 
      this.innerHTML = (s ? '<a href="#" class="cmdLink drag" style="margin-right: 3px;"> <span class="glyphicon glyphicon-remove-sign" title="disable dragging" style="font-size: 15px;"> </span> </a>' : '<a href="#" class="cmdLink drag" style="margin-right: 3px;"> <span class="glyphicon glyphicon-ok-sign" title="enable dragging" style="font-size: 15px;"> </span> </a>');    
      jsPlumbUtil.consume(e); 
     }); 

라인이 'this.innerHTML'그들 클릭 한 후 요소 (아이콘)에 변경합니다. 보시다시피, 그것은 부트 스트랩 3.0 glyphicons입니다.

은 내가 glyphicon - 제거 - 기호 아이콘이 먼저 표시됩니다

 $(".glyphicon-remove-sign").tooltip({ 
        placement: 'bottom', 
        }); 
     $(".glyphicon-ok-sign").tooltip({ 
       placement: 'bottom', 
       }); 

응용 프로그램의 로딩 후 그들에 툴팁이있다. Bootstrap 3.0 툴팁도 올바르게 표시됩니다. 그러나 문제는 클릭 한 후 Bootstrap 3.0의 툴팁 효과가 더 이상없고 가난한 HTML 툴팁뿐이라는 것입니다. 이 문제를 해결하는 방법?

Answer 1

부트 스트랩 웹 사이트에 따르면 "툴팁 및 팝업 데이터 파일은 사용자가 직접 초기화해야한다는 것을 의미합니다."

따라서 목표를 달성하려면 Miraage에서 설명한대로 부트 스트랩 툴팁을 다시 초기화해야합니다.

http://www.tutorialrepublic.com/twitter-bootstrap-tutorial/bootstrap-tooltips.php

희망이 도움이 :

여기에 도움이 될 좋은 튜토리얼입니다!