logo标签列表

在更新面板中进行回发后，Bootstrap工具提示消失了。

c#asp.netbootstrap-4
3

我在我的项目中使用了Bootstrap工具提示和一个更新面板。

在回发后，Bootstrap工具提示不再显示。

我该如何解决这个问题？

请看这里。 - Anas Alweish
请查看我的答案。它是关于DatePicker的，但原因和解决方案是相同的。https://stackoverflow.com/questions/48960734/how-to-add-datepicker-in-asp-net-gridview-control - VDWWD
2个回答
2
请考虑这个解决方案：如何在ASP.NET中解决更新面板控件中单击按钮或回发时Bootstrap工具提示消失的问题，以下是重点： 首先始终使用：
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>
1
谢谢你的回答，我会尝试这种方法并告诉你结果。 - mohamad hosein ghelich khani
0
<script>
function pageLoad() {
      $('[data-toggle="tooltip"]').tooltip();
      $('[data-toggle="popover"]').popover();
}
</script>

将该代码添加到您的Web表单/主页面中。
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接