qTip2'提示'(箭头)未显示

时间:2013-10-02 08:20:56

标签: javascript jquery qtip2

我在创建工作qTips时遇到问题(小箭头没有显示)。我过去曾经做过这些工作;我能想到的唯一一个随时间变化的是jQuery和qTip2版本。我使用以下代码生成提示,并使用“最新”jQuery(1.10.2)和qTip2(2.1.1)在这里设置了一个测试用例,它对我不起作用(firefox,chrome):

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

http://jsfiddle.net/KgSqV/

有什么想法吗?感谢

2 个答案:

答案 0 :(得分:25)

我看到你的css引用不是完整版本(似乎是部分的);尝试更改以下内容中的include引用:

  • 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/

答案 1 :(得分:9)

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