gpt4 book ai didi

javascript - 只要单击页面上的任何内容, Bootstrap 工具提示就会停止工作

转载 作者:行者123 更新时间:2023-11-27 23:23:07 24 4
gpt4 key购买 nike

在我的页面上,我以这种方式初始化 Bootstrap 工具提示

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

This question建议任何时候发生事件时您都必须重新加载工具提示。然而,在各种 ajax 页面更新中,可能需要考虑 50 多个事件。 (本网站使用 asp.net Web 表单和 ajaxcontroltoolkit)

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

最佳答案

您需要对 Sys.WebForms.PageRequestManager 的 javascript 引用

查看 beginRequest/endRequest 事件。由于 asp.net ajax 正在取代您的 html,因此您需要在 asp.net 完成其 ajax 后重新绑定(bind) Bootstrap 小部件。

试试这个:

<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>

请注意,如果绑定(bind)两次,某些 Bootstrap 小部件将会损坏,因此请谨慎使用;某些元素可能需要监视其事件以查看它们是否被绑定(bind)多次。

关于javascript - 只要单击页面上的任何内容, Bootstrap 工具提示就会停止工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35212227/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com