Question

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

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 - 但结果是一样的。

Answer 1

您的代码没问题，但您的错误是css

我已将css网址更新为

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

包含所有样式

更新了小提琴

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

Answer 2

您的Qtip CSS文件只包含基本的CSS，您可以从网址中指出：

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

qTip2 - 使用包含的样式

2 个答案: