Jquery qTip弹出窗口从屏幕左上方进入(首次加载时)
我不确定我的设置是否有误——我似乎没有看到其他人有这个问题,但我的qTip弹出窗口所有ajax加载的内容都加载得非常不稳定,因为它们通常在屏幕外动画显示,然后才出现在正确的位置。有没有一个简单的解决办法,我可能错过了?再次感谢你的帮助 HTML标记:Jquery qTip弹出窗口从屏幕左上方进入(首次加载时),jquery,jquery-plugins,qtip,Jquery,Jquery Plugins,Qtip,我不确定我的设置是否有误——我似乎没有看到其他人有这个问题,但我的qTip弹出窗口所有ajax加载的内容都加载得非常不稳定,因为它们通常在屏幕外动画显示,然后才出现在正确的位置。有没有一个简单的解决办法,我可能错过了?再次感谢你的帮助 HTML标记: <span class="formInfo"> <a href="http://localhost/httpdocs/index.php/help/kc_dob" class="jTip" name="" id="d
<span class="formInfo">
<a href="http://localhost/httpdocs/index.php/help/kc_dob" class="jTip" name="" id="dob_help">?</a>
</span>
qTip初始化
//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; });
}
看看这样做是否有帮助:
show: { delay: 0, effect: { type: 'fade', length: 0 } }
我知道这很古老,但我在寻找解决方案时发现了这一点,在谷歌上没有其他什么。如果您没有在HTML标题中实现jquery.ui.position.js,则会发生这种情况:
<script src="javascript/ui/jquery.ui.position.js"></script>