jquery - 单击图像按钮时工具提示保持可见

标签 jquery html css asp.net

我有一个带有工具提示的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标记和类名是“ ui-tooltip”的事实,我猜您正在使用jQuery UI工具提示。在这种情况下,选项之一是“跟踪”,您可以在初始化时将其设置为false。

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


不过,默认情况下该值应该为false,因此必须将其设置为true。

关于jquery - 单击图像按钮时工具提示保持可见,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41638153/

相关文章:

jQuery : Merge column of table

php - Laravel : how to Load Ajax data after selected changes from dropdown?

php - CodeMirror 有内容,但在按键之前不会显示

javascript - 单击按钮时添加到无序列表

html - 在背景图像之前/之后使用 css 中的数据属性

javascript - 无法通过javascript将文本(带双引号的变量存储在文本中)显示为模态

css - Chrome浏览器检查器悬停问题

php - 将横幅 div 叠加到另一个 div 上,如果可能的话使用 jQuery

javascript - 将焦点移到忽略所有嵌套元素的下一个“li”元素

javascript - ExtJS 4 Ext.grid.Panel选择颜色