得到两个工具提示气泡但只想要一个

时间:2014-07-31 20:21:01

标签: c# javascript jquery asp.net

我有一个图像(橙色圆圈),显示带有消息的工具提示(图像中用红线覆盖):

enter image description here

但是,我只希望出现黑色工具提示气泡,而不是底部的通用白色气泡。

我在pageLoad的JavaScript中有以下工具提示:

$('#<%=alarmClipsDurationWarning.ClientID%>').tooltip({ 'placement': 'center right', 'title': $('#<%=alarmClipsDurationWarning.ClientID%>').attr('title'), 'delay': 0 });

HTML:

<i id="alarmClipsDurationWarning" runat="server" class="icon-exclamation-sign icon-large" style="cursor:pointer;color:orange"></i>

当在C#端更改下拉项时,title将会更改:

alarmClipsDurationWarning.Attributes.Add("title", GetAlarmClipsDurationWarningToolTip());

GetAlarmClipsDurationWarningToolTip()只根据下拉更改返回一个字符串。我尝试删除然后添加:

alarmClipsDurationWarning.Attributes.Remove("title");
alarmClipsDurationWarning.Attributes.Add("title", GetAlarmClipsDurationWarningToolTip());

我也尝试了这个:

alarmClipsDurationWarning.Attributes["title"] = GetAlarmClipsDurationWarningToolTip();

但他们都没有给我一个泡沫。

2 个答案:

答案 0 :(得分:2)

白色气泡来自title属性。由于您可以准确指定所需的内容:

$('#<%=alarmClipsDurationWarning.ClientID%>').attr('title')

为什么不使用其他属性?

alarmClipsDurationWarning.Attributes.Add("data-tooltip-content", ...

$('#<%=alarmClipsDurationWarning.ClientID%>').attr('data-tooltip-content')

答案 1 :(得分:2)

不要使用title属性作为你的tooptip。似乎没有关于需要它的tooptip扩展。将其更改为,例如,data-title在C#中设置的位置以及Tooltip扩展名读取的位置。