Jquery qTip弹出窗口从屏幕左上方进入(首次加载时)

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

我不确定我的设置是否有误——我似乎没有看到其他人有这个问题,但我的qTip弹出窗口所有ajax加载的内容都加载得非常不稳定,因为它们通常在屏幕外动画显示,然后才出现在正确的位置。有没有一个简单的解决办法,我可能错过了?再次感谢你的帮助

HTML标记:

    <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>