jquery - qTip2 - 使用包含的样式

Question

显然，我很难遵循指示。

插件:qtip2
文件:api - styles

qTip2 包含几种内置样式，但我似乎无法访问它们。我尝试的所有结果都只是标准的黄色工具提示。

jsFiddle example

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 url 更新为

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

其中包括所有样式

更新了 fiddle

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