引导程序工具提示和replaceWith

Bootstrap tooltip and replaceWith

本文关键字：replaceWith 工具提示 引导程序      更新时间：2023-09-26

我有以下元素：

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

为此，我启用了引导工具提示：

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

我添加了一个点击式监听器：

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

如果用户将鼠标悬停在按钮X上，则会看到工具提示ACTIVE。如果他点击它（并且没有将鼠标从按钮上移开），按钮将按预期替换为新按钮Y，但旧的工具提示不会消失。

请参阅http://www.bootply.com/PNr4TFszVP

如何解决此问题？

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

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

Bootply

相关文章：