改變元素後如何保持Bootstrap工具提示？

Question

我有我的JavaScript（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」點擊它們之後作出元素（圖標）的變化。正如你所看到的，它是bootstrap 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

根據Bootstrap網站的說法，「工具提示和彈出窗口數據可選，意味着您必須自己初始化它們。」

因此，要實現您的目標，必須重新初始化引導工具提示，如Miraage所述。

這裏是一個很好的教程，可以幫助：

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

希望這有助於！