javascript - qTip2 'tip'(箭头)未显示

Question

我在创建有效的 qTips 时遇到了问题(没有显示小箭头)。我过去有过这些工作；我认为随着时间的推移唯一发生变化的是 jQuery 和 qTip2 版本。我正在使用以下代码生成提示，并使用“最新的”jQuery (1.10.2) 和 qTip2 (2.1.1) 在这里设置了一个测试用例，但它对我不起作用(firefox、chrome):

$(document).ready(function()
 {
     $('#testElement').qtip({
         content: 'readyTip'
     });
 });

http://jsfiddle.net/KgSqV/

有什么想法吗？谢谢

Answer 1

我看到您的 css 引用不是完整版本(似乎是部分的)；尝试在以下内容中更改您的包含引用:

• http://cdnjs.cloudflare.com/ajax/libs/qtip2/2.1.1/jquery.qtip.js
• http://cdnjs.cloudflare.com/ajax/libs/qtip2/2.1.1/jquery.qtip.css

它是部分的，因为 js/css Basic features 版本(没有额外的样式或功能)你必须使用 All features & styles。

下载页面:http://qtip2.com/download

演示:http://jsfiddle.net/IrvinDominin/Pu4A4/