qtip on element called with Ajax

[sisilone]

Hello,
I've a class of elements to which I want to attach qtip. Well this works for static elements, but obviously not on the elements, of the same class, called through Ajax.
Is it possible to attach qtip also to the element called with ajax, like a method .live(), without add code for each script called async?

[kjantzer]

I'm assuming you are using an ajax function like $.ajax or $.post or $(id).load??

All you have to do is reattach the qtip to your elements in the success callback with jQuery's each function.

JS Code

$.ajax({
	type: "POST",
	url: "page.php",
	data: "yourdata=something",
	success: function(response){
 
		('.your_qTip_elements').each(function(){
      		$(this).qtip({
         		show: 'mouseover',
         		hide: 'mouseout',
                ...your qtip options
      		});
       });
 
	}
});

I hope this helps

[sisilone]

thank you for your answer, but it's a bad thing...I've to attach this function for every async request...

As I said I use tooltip for a specific class of elements and I create them calling a php function, I can write in this function the qtip code to attach the tooltip. I'll have n identical script for n elements of that class...it's not an elegant way...

[Craig]

sisilone, if you're planning on using qTip with the .live() methods I'd definitely suggest you take a look at porting your code over to the 2.0 releases. 1.x releases are quite resource heavy and can slow down your page quite bit if you have lots of them bound.

If you do move over to 2.0, you can use this as a starting point:

JS Code

// .delegate requires jQuery 1.4.2 and up. Use t he same event here as your tooltip show event
$('.selector').delegate('.selector', 'mouseover', function(event) {
   $(this).qtip({
      content: {
         ajax: {
            url: 'blah',
            data: {}
         }
      },
      show: {
         ready: true // Need this to make it show on first mouseover 
      }
   });
});

You can grab 2.0 here: http://github.com/craga89/qtip and the documentation here: http://craigsworks.com/projects/qtip_new/docs/