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

2

Я использую Bootstrap Tooltip в моем проекте и панель обновления тоже.

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

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

  • 0
    Взгляни на это
  • 0
    Проверьте мой ответ здесь. Речь идет о DatePicker, но причина и решение те же. stackoverflow.com/questions/48960734/...
Теги:
bootstrap-4

1 ответ

1

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

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

if (!Page.IsPostBack)
{
}

on page_load() если вы используете UpdatePanel в asp website/application.

во-вторых, добавьте 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> 
  • 1
    Спасибо за ответ, я пытаюсь таким образом и дать ему новости

Ещё вопросы

Сообщество Overcoder
Наверх
Меню