Question

在this page中，我已经实现了醉意的工具提示，jbgallery两个jquery插件。您可以观察翻转徽标时出现的工具提示，我已经为页面右下方出现的图标写了相同的内容，即（标签，Facebook，Twitter图标等...）任何人都可以帮助我...

Answer 1

您似乎错过了这些锚标记上的类.tooltip。尝试添加它们并查看它是否有效。例如：

<a href="#" class="twitter tooltip">twitter</a>

<强> * 修改 *
将$替换为jQuery，将$(function(){替换为jQuery(document).ready(function(){

<强> * 修改 *
试试这个：

$('.tooltip').each(function(){
    $(this).tipsy({fade: true});
});

Answer 2

我认为这些醉意是在您的案例中阅读原始标题属性以显示title.which（Facebook，Twitter锚标签）中缺少。

我从您的给定网址复制此代码。只检查我在你添加了醉意课程的两个地方发现了一些差别的元素。

[original-title is available here.]
<a href="#" class="tooltip" original-title="test">
<img src="images/logo.png" alt="" title="">
</a>

[attribute missing original-title here]
<a href="#" class="tooltip twitter" title="Twit Icon">twitter</a>
<a href="#" class="tooltip facebook" title="FB Icon">facebook</a>

Answer 3

这些按钮是如何进入DOM的？如果我在控制台上运行工具提示激活码：

 $('.tooltip').tipsy({fade: true});

然后它告诉我它已经为图标添加了醉意的功能（和悬停工作）。

当你的脚本运行时，我认为DOM没有正确加载。将其粘贴在页面底部或jQuery(document).ready(function(){块

中

Answer 4

当我在选择器中添加容器类（.jbg-caption）时，它可以工作。请尝试使用以下代码替换。

$(function() {
$('.tooltip').tipsy({fade: true});
});

到

$(function() {
$('.jbg-caption a.tooltip').tipsy({fade: true});
});

糊涂的工具提示不起作用

4 个答案: