javascript - Bootstrap 工具提示和替换

Question

我有以下元素:

<a class="btn btn-default clickaction" title="ACTIVE">X</a>

为此，我启用了 Bootstrap 工具提示:

$('body').tooltip({
    selector: '[title]'
});

我添加了一个点击监听器:

$("body").on("click", ".clickaction", function(){
    $(this).replaceWith('<a class="btn btn-default clickaction" title="INACTIVE">Y</a>');
});

如果用户将鼠标悬停在按钮 X 上，他会看到工具提示处于事件状态。如果他单击它(并且没有将鼠标从按钮上移开)，则该按钮将按预期替换为新按钮 Y，但旧的工具提示不会消失。

参见http://www.bootply.com/PNr4TFszVP

如何解决这个问题？

Answer 1

进行替换时重新启动工具提示:

$("body").on("click", ".clickaction", function(){
    $(this).tooltip('destroy')
           .replaceWith('<a class="btn btn-default clickaction" title="INACTIVE">Y</a>');
});

Bootply