在 updatePanel 内时，引导工具提示颜色发生了变化答案

【问题标题】：Bootstrap tooltip color changed when inside the updatePanel在 updatePanel 内时，引导工具提示颜色发生了变化
【发布时间】：2021-08-30 19:56:46
【问题描述】：

我正在使用带有黑色背景和白色字母的引导工具提示。整个工具提示和单选按钮位于更新面板内。当我单击单选按钮并发生回发时，工具提示会失去黑色背景并变为白色。我不确定我做错了什么。我在更新面板中有几个控件，所以我不想为每个控件使用单独的更新面板。以下是我的代码：

<script>

        $(document).ready(function () {
            $('[data-toggle="tooltip"]').tooltip();
        });
    </script>
    <asp:UpdatePanel ID="updatePanel1" runat="server">
        <ContentTemplate>
        <button class="btn btn-default" data-toggle="tooltip" data-placement="right" title="A Multi-Titled document is written in such a way that it performs multiple functions simultaneously. (e.g., Deed of Trust and Assignment of Rents; Substitution of Trustee and Reconveyance) ">
                      <img src="../Images/InfoOrange.png" width="26" />
                  </button>
<asp:RadioButton ID="rdbtest1" runat="server" Text="Test1" OnCheckedChanged="test100" AutoPostBack="true" />
 <asp:RadioButton ID="rdbTest2" runat="server" Text="test2" OnCheckedChanged="test100" AutoPostBack="true" />
    <asp:TextBox ID="txtTest1" runat="server" Visible="false"></asp:TextBox>
            </ContentTemplate>
        </asp:UpdatePanel>

下面是回发前工具提示和单选按钮的图像：

任何帮助都将受到高度赞赏。

【问题讨论】：

标签： asp.net ajax

【解决方案1】：

在 UpdatePanel 上每次更新后，您都需要再次初始化 JavaScript。

UpdatePanel 提供了在每次更新时调用的 pageLoad() 函数 - 因此您可以将其用于初始化，并重新初始化您的 javascript。所以只要把你的代码改成这个。

function pageLoad()
{
    $('[data-toggle="tooltip"]').tooltip();
}

【讨论】：

谢谢。我打算将控件放在不同的 upadtepanel 中。这立即解决了问题。