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上，他会看到工具提示ACTIVE。如果他点击它（并且没有将鼠标从按钮上移开），按钮会按预期更换为新按钮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

Bootstrap工具提示并替换

1 个答案: