Search code examples
jqueryqtip2

qTip2 - using included styles

Apparently, I have difficulty following instructions.

Plugin: qtip2
Docs: api - styles

qTip2 includes several built-in styles, but I cannot seem to access them. Everything I tried just results in the standard yellow tooltip.

jsFiddle example

HTML:

<img id="bob" title="Bobbing for apples" src="http://placehold.it/30/30" />
<img id="frank" title="Let me be Frank with you" src="http://placehold.it/30/30" />
<img id="mary" title="He's getting Mary'd" src="http://placehold.it/30/30" />

jQuery:

$('[title!=""]').qtip({
    style: {
        classes: 'qtip-bootstrap'
    }
});

I also tried putting the img tags into DIVs - jsFiddle - but the results are the same.

Solution

  • Your code is fine but you have got the wrong css

    I have updated the css url to

    http://cdnjs.cloudflare.com/ajax/libs/qtip2/2.2.0/jquery.qtip.min.css

    which includes all of the styles

    Updated fiddle

    http://jsfiddle.net/gsiry01/9wDar/1/