改变元素后如何保持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

希望这有助于！