3

我的工作代码：

$("#selectResult").append("<div id='"+arr[this.id]+"' class='inline' 
title='Co. "+arr[this.id]+"'></div>");

$("#"+arr[this.id]).css({'background-image' : 'url(./img/coatofarms/'
+arr[this.id]+'.png)','background-repeat': 'no-repeat','background-position': 
'bottom'}).qtip(countyCrest);

在我附加 div 的第一个选择中，我给出了标题，当我检查元素时title，它应该是它应该的样子。然后，当我在 div 的第二个选择中更改 .css 时，检查元素标题现在是oldtitle="Co. Down" title=""

这里发生了什么？

这是检查元素代码

<div id="Antrim" class="inline" style="background-image: 
url(http://danu2.it.nuigalway.ie/09101916/trazoo/demo_1/img/coatofarms/Antrim.png);
 background-position: 50% 100%; background-repeat: no-repeat no-repeat; " 
oldtitle="Co. Antrim" title=""></div>
4

3 回答 3

3

qTip 清空标题属性，这样您就不会同时看到 qTip 气球和默认浏览器工具提示。原始标题存储在oldtitle属性中。

进一步来说：

不幸的是，必须删除标题属性，以便抑制默认浏览器工具提示。即使对于那些不从 title 属性本身获取内容的元素，也需要将其删除，或者在 qTip 的情况下重命名，这样我们就不会出现两个工具提示！

（来自https://github.com/Craga89/qTip2/issues/215）

于 2012-06-11T13:19:44.377 回答
0

我想您可能会发现 qtip 插件正在将标题重新分配给新属性，而不是更改为 css。

不喜欢 qtip，但它听起来像一个工具提示插件，所以作者可能希望在使用 qtip 时停止默认的浏览器对标题的工具提示实现。

于 2012-06-11T13:20:00.090 回答
0

您可以将这样的东西添加到您的 javascript 中：

$('[title!=""]').qtip({
  suppress: false
});

至少我用这个解决了我的类似问题。 qTip似乎已默认suppress设置为，并将title 属性替换为.true oldtitle

于 2016-03-23T11:42:21.830 回答