qTip2 - 使用包含的样式答案

【问题标题】：qTip2 - using included stylesqTip2 - 使用包含的样式
【发布时间】：2014-03-18 04:12:20
【问题描述】：

显然，我很难按照说明进行操作。

qTip2 包含几个内置样式，但我似乎无法访问它们。我尝试的所有操作都只会显示标准的黄色工具提示。

HTML：

<img id="bob" title="Bobbing for apples" src="http://placehold.it/30/30" />
<img id="frank" title="Let me be Frank with you" src="http://placehold.it/30/30" />
<img id="mary" title="He's getting Mary'd" src="http://placehold.it/30/30" />

jQuery:

$('[title!=""]').qtip({
    style: {
        classes: 'qtip-bootstrap'
    }
});

我也尝试将 img 标签放入 DIV - jsFiddle - 但结果是一样的。

【问题讨论】：

标签： jquery qtip2

【解决方案1】：

你的代码很好，但你的 css 有误

我已将 css 网址更新为

http://cdnjs.cloudflare.com/ajax/libs/qtip2/2.2.0/jquery.qtip.min.css

包括所有样式

更新的小提琴

http://jsfiddle.net/gsiry01/9wDar/1/

【讨论】：

我没想到我的第一句话会如此准确......感谢您的帮助。我期待着查看您的其他答案。

【解决方案2】：

您的 Qtip CSS 文件仅包含基本的 CSS，您可以从 URL 中指出：

http://cdn.jsdelivr.net/qtip2/2.2.0/basic/jquery.qtip.css

缺少一些额外的样式，例如您当前应用的自定义颜色主题。

由于您使用的是jsdelivr CDN。您可以将此链接与全功能 CSS 样式一起使用：

http://cdn.jsdelivr.net/qtip2/2.2.0/jquery.qtip.css

Updated Fiddle

【讨论】：

我没想到我的第一句话会如此准确......感谢您的帮助。我会查看您的其他答案。
很高兴它有帮助！快乐的编码伙伴:-)