qTip2 'tip' (arrow) not showing

Question

I'm having trouble creating working qTips (the little arrow isn't showing). I have had these working in the past; the only thing I can think that has changed over time is the jQuery and qTip2 versions. I am using the following code to generate the tip and have set up a test case here using the "latest" jQuery (1.10.2) and qTip2 (2.1.1) and it doesn't work for me (firefox, chrome):

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

http://jsfiddle.net/KgSqV/

Any ideas? Thanks

Answer 1

I see that your css reference is not complete version (seems to be partial); try change your include reference in the following:

• 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

It's partial because is the js/css Basic features version (no additional styles or features) you must use the All features & styles.

Download page: http://qtip2.com/download

Demo: http://jsfiddle.net/IrvinDominin/Pu4A4/

Answer 2

You should select the Speech bubble 'tips' option when you make a custom qTip2 build at its download page. If you do not select it your tooltips will be without arrows.