[Solved] qTip not loading data first time in IE 7

[Teena]

Hi,
I have a qtip and the content is dynamically loaded. I need to show the qTip on mouse click and hide it on the next mouse click, pretty much like the tips on the site qTip documentation. I want the functionality when we click on one of the 'Example' links in this site.
My problem is IE7 specific. It works perfect in firefox.
Here is how I initialize the qTip:

JS Code

function qtipInitializer(var){
		$(var).qtip({
			 content: "",
			 show: {effect: {type: 'fade'}, when: 'click'},
			 hide: {effect: {type: 'fade'}, delay: 2000, when: 'click'},
			 position: {
			    corner: {target: 'topLeft',
						 tooltip: 'bottomRight'
				}
			 },
			 style: {
			    background: '#c0d2ec',
				width: 280
			 }
	});
}

I have to show the qtip on a DHTMLXGrid. One of the cell value is an image and on click of the image, I have to show this tip.
As soon as the grid is loaded, the above method is called. Now on click of the image, here is the method that is getting called:

JS Code

function showQtip(var, data){
 var qtip=$(var).qtip('api');
 if(qtip!=null){
	qtip.updateContent(data);
 }
}

Problem: on the first click, the qtip content is empty, and it works from next click.

The jQuery version i use is 1.0.0-rc3

Thanks in advance,
Teena

---

Hello Everyone,

Can anyone give any pointers to what I am missing here?

Best regards,
Teena

[Teena]

Hi Everyone,

I solved the issue by adding prerender: true to the content.

JS Code

content: {text: "", prerender: true}

Hope this helps somebody

Regards,
Teena

[Mony9Marshal]

Hey Teena,It really helped me in my image issue with IE 7.It was getting complicated for me being a new user.Thank you for your help.