[Solved] Reduced width in IE8

[JediBW]

Hello,

The tooltips show up fine in Firefox but they're squeezed into a thin line in IE8. I've already tried adjusting the widths using both CSS and jQuery to no avail.

http://www.libroslibertad.ca/index2.php

Could this be because the images are in a scrolling bar? Should I upgrade to qTip2? (the download page isn't working at the moment)

Thanks very much

[Craig]

This is a common issue with the 1.0 builds, try upgrading to qTip2 here: https://github.com/Craga89/qtip2

[JediBW]

Thank you very much, this problem was resolved after upgrading to qTip2.

However, I have another question: how do I prevent the title from being displayed while the Ajax HTML content is taking time to load?

I've tried putting this in front of the Ajax call, but it doesn't seem to work:

JS Code

content: {
      text: false,
      title: {
         text: false
      }
   }

Thanks again!

[Craig]

Well not defining a title will cause it not to render one, so you can remove the title object all together. Then you can use the success callback of the ajax object to set it manually.

JS Code

content: {
	text: 'Loading...',
	ajax: {
		url: 'tooltip.html',
		data: { id: 1 },
		success: function(data) {
			this.set({
				'content.text': data,
				'content.title.text': 'Title'
			});
		}
	}
}

[JediBW]

Actually, I depend on the title attribute to store an id variable (populated with PHP) which I send along the Ajax request. I've tried using other attributes, but they don't seem to work...

[Craig]

I'm not too sure what it is you're asking in that case... elaborate?