После публикации снова в панели обновления всплывающая подсказка исчезает

Question

Я использую всплывающую подсказку Bootstrap в своем проекте и панель обновлений тоже.

После обратной передачи всплывающая подсказка Bootstrap больше не появляется.

Как я могу это исправить?

Answer 1

Пожалуйста, рассмотрите это решение: Как решить, как всплывающая подсказка Bootstrap исчезает в элементе управления панели обновления при нажатии кнопки или при обратной передаче в ASP.NET . Я приведу вам основные моменты:

сначала всегда используйте :

if (!Page.IsPostBack)
{
}

при page_load() методе, если вы используете UpdatePanel в веб-сайте / приложении asp.

секунду, давайте добавим 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>