单击图像按钮时工具提示保持可见答案

【问题标题】：Tooltip stays visible on click of imagebutton单击图像按钮时工具提示保持可见
【发布时间】：2017-05-29 00:49:48
【问题描述】：

我有一个带有工具提示的 ImageButton。单击按钮时，工具提示保持可见并粘在页面上的鼠标上。我希望在单击按钮后工具提示消失，但找不到执行此操作的方法。

任何建议将不胜感激！标记：

<asp:TemplateField HeaderText="Mark as Read">
    <ItemTemplate>
        <asp:ImageButton ID="img_markAsRead" runat="server" ImageUrl="img/icons/eye.png" CssClass="tooltip" Width="20"  ToolTip="Mark this Notification as Read" CommandName="Edit" CommandArgument='<%# Eval("notification_id")%>'/>
    </ItemTemplate>
</asp:TemplateField>

CSS：

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
}

背后的代码：

protected void grdv_RowEditing(object sender, GridViewEditEventArgs e)
{
    GridViewRow theRow = grdv_notifications.Rows[e.NewEditIndex];
    ImageButton theButton = (ImageButton)theRow.FindControl("img_markAsRead");
    string notificationNo = theButton.CommandArgument;

    #region the clever sql statement to do the updates

    #endregion

    //reload the gridview
    loadGridview();

    //set the notification number       
    MasterPage master = (MasterPage)this.Master;
    master.updateNotificationCount(grdv_notifications.Rows.Count);
}

【问题讨论】：

标签： jquery html css asp.net

【解决方案1】：

根据你的 jQuery 标签和类名是“ui-tooltip”的事实，我猜你正在使用 jQuery UI 工具提示。在这种情况下，选项之一是“track”，您可以在初始化时将其设置为 false...

$( document ).tooltip({
  track: false
});

默认情况下这应该是 false，所以你必须将它设置为 true。

【讨论】：

谢谢，但这不起作用。添加此代码后单击图像后，工具提示仍然可见。
你有演示吗？
最好的办法是创建一个独立的测试用例来复制问题，例如 CodePen 或 JSBin，这样您就可以发布链接，我们可以看到它。或者，如果它位于我们可以访问的实时网站上，请提供指向该网站的链接。

【解决方案2】：

绞尽脑汁后，答案很简单。

添加Response.Redirect("notifications.aspx");

单击 ImageButton 后重新加载页面重新加载页面并清除工具提示。简单但有效！

【讨论】：