destroy cached qTip

[ajcool123]

Hello I am wondering how to destroy and cached qTip so that it loads fresh every time. I am using "onRender" to make an AJAX call and build up a Div tag. Then I am using self.updateContent to update the content of qTip.

However what I want is for each time the qTip is hovered over (default behavior) that the onRender event of the qTip to be called and spin up a new qTip with fresh contents. Is this possible?

Thanks.

[Craig]

ajcool123, with the RC3 release there isn't anyway to refresh tooltip content on each successive show event. But... the new branch release has support for a content.url.once option:

JS Code

$('.selector').qtip({ 
   content: { 
      url: { 
         path: 'test.php',
         data: { id: 1 },
         once: false
      }
   }
});

You'll also notice that the data and method options have moved into sub-options of the URL object, and it now supports adding $.ajax properties to the object. This means you can easily apply your own custom error and success handlers, as well as content types right in the qTip options like so:

JS Code

$('.selector').qtip({ 
   content: { 
      url: { 
         path: 'test.php',
         data: { id: 1 },
         once: false,
         success: function(){ alert('I\'m fired along with the default success method'); },
         contentType: 'text/x-json' // I'm retrieving JSON data here instead
      }
   }
});

[ajcool123]

Ok thanks for the link for the latest branch. How do I then use that in my project? I see a bunch of different JS files, which one do I need or do i need to some how combine them? Sorry just not familiar with this.

Can't wait to try out the latest branch, Thanks!

[Craig]

You'll first need the jquery.qtip.js file, then you can also add the styles and border/tip files if you need those functions. That functions they provide are in the name so if you don't recognise one you probably don't need it!

[ajcool123]

Thanks for your help I am now using the most recent source. One question I had for you thought, is there a way to get a collection/list of all visible tool tips and hide them? I am dynamically creating tool tips that I destroy when the user clicks the "X" on the title bar, which then allows for the qTip to be recreated on button click.

However I cannot figure out how to hide all visible qTips. Seems like this would be an API call or something, but there has to be a good way to acomplish this. Thanks for all your help!

[Craig]

ajcool123, the new revision makes this a piece of cake using the API:

JS Code

var interfaces = $.fn.qtip.interfaces;
var i = interfaces.length; while(i--) interfaces[i].hide();