【问题标题】:qTip viewport adjustment not workingqTip 视口调整不起作用
【发布时间】:2013-12-20 18:54:58
【问题描述】:

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

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

【问题讨论】:

    标签: javascript jquery jquery-ui qtip


    【解决方案1】:

    第一个问题:

    当我第一次下载 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();
     });
    

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

    【讨论】:

    • 谢谢,这让我有些头疼。还值得注意的是,如果您选择了该选项,qtip .js 的第一行将包含单词 viewport。应该看起来像 /* qTip2 v2.2.0 Tips modal viewport svg imagemap ie6 | qtip2.com |获得许可的麻省理工学院,GPL | 2013 年 11 月 21 日星期四 20:34:59 */
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-12-04
    • 1970-01-01
    • 2016-10-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多