Question

我在项目中使用了Bootstrap Tooltip，在更新面板中也使用了

。

回发后，Bootstrap工具提示不再出现。

我该如何解决？

Answer 1

请考虑以下解决方案：How to Solve Bootstrap Tooltip disappearing inside a updatepanel control when a button is click or in postback in ASP.NET我将为您带来亮点：

首先始终使用：

if (!Page.IsPostBack)
{
}

如果您在ASP网站/应用程序中使用UpdatePanel，请使用page_load()方法。

第二，我们添加html：

 <asp:UpdatePanel ID="up_save" runat="server">
    <ContentTemplate>
         <div class="form-body">
              <div class="form-group" style="margin-bottom: 4px;">
                   <label for="name" class="control-label">Name</label>
                     <div class="input-group">
                        <span class="input-group-addon"><i class="fa fa-fw ti-user</i></span>
                            <input id="u_name" data-toggle="tooltip" data-placement="top" title="UserName." runat="server" class="form-control" type="text">
                    </div>
               </div>
               <div class="form-group" style="margin-bottom: 4px;">
                  <label for="inputAddress" class="control-label">Address</label>
                                                                        <div class="input-group">
                                                                            <span class="input-group-addon"><i class="fa fa-fw ti-credit-card"></i>
                                                                            </span>
                                                                            <input id="u_iadd" data-toggle="tooltip" data-placement="top" title="Address." runat="server" class="form-control" type="text">
                                                                        </div>
                                                                    </div>
<div class="form-group" style="margin-top: 18px;">

                                                                        <asp:Button ID="Button1" UseSubmitBehavior="false" OnClick="Button1_Click" CssClass="btn btn-animate btn-animate-side btn-warning m-r-50 btn-sm" runat="server" Text="Save Details" />

                                                                    </div>
                                                               </div>
                                                            </ContentTemplate>
                                                        </asp:UpdatePanel>

现在让我们添加JS：

 <script>
        function openPopover() {
            $('#u_name').tooltip();
            $('#u_iadd').tooltip();
     }
    </script>

Answer 2

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

将该代码添加到您的Web表单/母版页。

在更新面板中重新发布后，Bootstrap Tooltip消失了

2 个答案: