CODEWITHSUNDEEP
javascriptjqueryqtip2
valoukh
valoukh

Reputation: 561

qTip2 'tip' (arrow) not showing

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

Upvotes: 9

Views: 6803

Answers (2)

Alexander Pravdin
Alexander Pravdin

Reputation: 5569

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.

Upvotes: 9

Irvin Dominin
Irvin Dominin

Reputation: 30993

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/

Upvotes: 24

Related Questions