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

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

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

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

Answer 2

Speech bubble 'tips'当您在其下载页面上进行自定义 qTip2 构建时，您应该选择该选项。如果您不选择它，您的工具提示将没有箭头。