q提示视口调整不起作用

时间:2013-08-12 12:54:15

标签: javascript jquery jquery-ui qtip

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

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

1 个答案:

答案 0 :(得分:17)

第一个问题:

当我第一次下载qTip时,我忘了包含该库: qTip Download page, remember Viewport Adjustment!

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

// 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();
 });

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