Hi, not sure if i'm set things up incorrectly - I don't seem
to see anyone else with this problem, but my qTip popups (all ajax loaded content) are loading quite erratically, in that they are often animating in from off screen before appearing in the correct position. Is there a simple solution
to this which I may have missed? Thanks again for your help.
HTML markup:
<span class="formInfo">
<a href="http://localhost/httpdocs/index.php/help/kc_dob" class="jTip" name="" id="dob_help">?</a>
</span>
qTip initialisation..
//set up for qtip
function initQtip()
{
$('a.jTip').each(function()
{
$(this).qtip(
{
content: {
// Set the text
to an image HTML string with the correct src URL
to the loading image you want
to use
text: '<img src="/media/images/wait.gif" alt="Loading..." />',
url: $(this).attr('href') // Use the rel attribute of each element for the url
to load
},
position: {
adjust: {
screen: true // Keep the tooltip on-screen at all times
}
},
show: {
when: 'click',
solo: true // Only show one tooltip at a time
},
hide: 'unfocus',
style: {
tip: true, // Apply a speech bubble tip
to the tooltip at the designated tooltip corner
border: {
width: 10,
radius: 10
},
width: {
min: 200,
max: 500
},
name: 'light' // Use the default light style
}
});
//prevent default event on click
}).bind('click', function(event){ event.preventDefault(); return false; });
}
