Questions tagged [qtip2]

The second generation of the advanced qTip, which is an advanced tooltip plugin for the jQuery JavaScript framework.

qTip2 is a jQuery Plugin created by Craig Thompson

Building on 1.0's user friendly, yet feature rich base, qTip2 provides you with tonnes of features like speech bubble tips and imagemap support.

Resources

Hello World

Showing a "Hello world!" tooltip over a class element:

$('.selector').qtip({
    content: 'Hello World!'
});

When asking qTip2 questions, you should:

  1. Read the API documentation carefully and search Stack Overflow for duplicates before asking.
  2. Isolate the problematic code and reproduce it in an online environment such as jsFiddle or JS Bin. However, be sure to include the problematic code in your question--don't just link to the online environment.
  3. Tag the question appropriately; always include , and use the other web development tags—, , —as applicable.
  4. Mention which browser the code is having problems on and what error messages, if any, were thrown by the browser.
414 questions
20
votes
2 answers

How do you prevent a jquery.qtip2 tooltip from hiding when the mouse is over the tip?

Using jquery qTip2 for tooltips. I have a tooltip with a link in it. I want the tip to stay open if the user's mouse enters the tip (not the trigger). Can't seem to figure out how to do that in the documentation....
sprugman
  • 19,351
  • 35
  • 110
  • 163
11
votes
1 answer

qTip2 smart positioning via viewport

I have right panel, that should have qTip on each element. Area is scrollable, so lowee tips just dont fit in window. Problem demonstrated below: If i add smart positioning to my tooltip: position: { viewport: $('#window') } I get the…
Prosto Trader
  • 3,471
  • 3
  • 31
  • 52
11
votes
1 answer

AngularJS binding jQuery qTip2 plugin

I am trying to figure out how to bind the content of a tooltip with angular. I have a directive that looks like this: script.js var myApp = angular.module('myApp', []); myApp.directive('initToolbar', function(){ return { restrict:…
Naveed
  • 2,942
  • 2
  • 25
  • 58
9
votes
3 answers

Make qTip not disappear when hovering the tooltip

I am using qTip: http://craigsworks.com/projects/qtip2 and my current problem is that when I hover the tooltip it disappears (because the target was mouseleave/mouseout). Is there a way to make it stay visible when I hover the tooltip? I positioned…
Tower
  • 98,741
  • 129
  • 357
  • 507
9
votes
2 answers

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…
valoukh
  • 541
  • 1
  • 8
  • 19
8
votes
1 answer

How do I set styles in qTip2 jquery plugin?

I have the following code: $('a.phonetooltip').qtip({ // Grab some elements to apply the tooltip to content: { text: 'Clicking this link will only work on mobile devices', style: { classes: 'qtip-dark' } } }) I have been trying for ages to…
Chris
  • 431
  • 5
  • 11
  • 18
8
votes
1 answer

qtip2 close button without a title bar

I would like to have a qtip2 tooltip without a title bar, but with a close icon in the corner. Is there a way to spec that, or do I have to muck with the code that creates it? I am thinking of something that floats the button to the left or to the…
Gene Golovchinsky
  • 6,101
  • 7
  • 53
  • 81
7
votes
1 answer

qTip2 - refresh tooltip while it is active

I'm using qTip2 here, and need the ability to refresh the content of the tooltip while it is still active. The elements with the tooltip have a click event that does some calculations that can change what I want to be displayed in the tooltip. I…
andrew
  • 73
  • 1
  • 3
7
votes
3 answers

Qtip2 loads a "jquery.qtip.min.map" from internet and slows down site

I included Qtip2 on my site and used the following snippets while the files are hosted on my own server as mentioned here: