只要单击页面上的任何内容，引导工具提示就会停止工作

Bootstrap tooltips stop working whenever anything is clicked on the page

本文关键字：工具提示 停止工作 任何内 单击      更新时间：2023-09-26

在我的页面上，我以这种方式初始化引导工具提示

<script>
    $(document).ready(function () {
        $(function () {
            $('[data-toggle="tooltip"]').tooltip();
        });
    });
</script>

此问题表明，每当事件发生时，您都必须重新加载工具提示。但是，在各种 ajax 页面更新中，可能有 50+ 个事件需要考虑。(本网站使用 asp.net Web表单和ajaxcontroltoolkit(

如何在每次事件发生时普遍重新启动工具提示？--或者有更简单的解决方案来解决这个问题？

你需要一个对 Sys.WebForms.PageRequestManager 的 javascript 引用

看看 beginRequest/endRequest 事件。由于 ajax 正在替换您的 html asp.net 因此您需要在 ajax 完成其 ajax 后重新绑定 asp.net 引导小部件。

试试这个：

<script>
var prm = Sys.WebForms.PageRequestManager.getInstance();
//func to rebind tooltip
function reBind () { $('[data-toggle="tooltip"]').tooltip(); }
$(document).ready(function () {
    $(function () {
        reBind();            
        prm.add_endRequest(reBind);
    });
});
</script>

请注意，如果某些引导小部件绑定两次，它们会中断，因此请自行决定;某些元素可能需要监视其事件以查看它们是否绑定了多次。

相关文章：