q提示视口调整不起作用

And*_*ock 6 javascript jquery jquery-ui qtip

我已经解决了这个问题,但我想分享它,因为我可以看到很多人正在处理它,并且没有足够的解决方案可用.

qTip视口调整对我不起作用.

And*_*ock 17

第一个问题:

当我第一次下载qTip时,我忘了包含该库: qTip下载页面,记住视口调整!

第二个问题:
我没有正确设置:
获取此功能的最简单方法可以在这里看到:

// Create the tooltips only when document ready
 $(document).ready(function()
 {
     // MAKE SURE YOUR SELECTOR MATCHES SOMETHING IN YOUR HTML!!!
     $('.qtippy').each(function() {
         $(this).qtip({
             position: {
                    my: 'left top',
                    at: 'right center',
                    viewport: $(window)
                },
         });
     });

     $(".qtippy").draggable();
 });
Run Code Online (Sandbox Code Playgroud)

或者在这个jsFiddle中玩它:http://jsfiddle.net/nM7AA/

  • 谢谢,这让我有些头疼.值得注意的是,如果选择了该选项,则qtip .js的第一行将包含单词viewport.应该看起来像/*qTip2 v2.2.0提示modal viewport svg imagemap ie6 | qtip2.com | 获得许可的麻省理工学院,GPL | 2013年11月21日星期四20:34:59*/ (2认同)