2

我想使用Qtip2来显示一个持久的工具提示。通过持久性，我的意思是在页面加载时应该显示工具提示，然后在页面的生命周期内它既不应该被隐藏也不应该被破坏。我在这里尝试了解决方案，但它对我不起作用。在我的代码中，您可以在此处的jsFiddle 中引用它，当鼠标悬停在目标上时，工具提示仍然隐藏。我希望关闭此行为，以便工具提示保持原位。

供您参考，以帮助我，代码：

<html>
<head>
    <link href="http://craigsworks.com/projects/qtip_new/packages/nightly/jquery.qtip.css" rel="stylesheet" />
    <link href="mycss2.css" rel="stylesheet" />
    <style>
        #demo-simple{
            margin:100px;
            border:1px red Solid;
        }
    </style>
</head>
<body>
    <div id="demo-simple" class="box">
        <div id="primary">
            Hello World
        </div>
    </div>    
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="http://craigsworks.com/projects/qtip_new/packages/nightly/jquery.qtip.js" ></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#primary").qtip({
                content: {
                    text: 'I am primary'
                },
                show: {
                    ready: false,
                    delay: 0
                },
                hide: {
                    when: false
                },
                position: {
                    my: 'right center',
                    at: 'left center',
                    target: $('#primary')
                },
            });
            $("#primary").qtip('show');
        });
    </script>
</body>

4

3 回答 3

1

这将使工具提示在页面加载时永久存在。 JsFiddle 在这里。

$("#primary").qtip({
    content: {
        text: 'I am primary'
    },
    show: {
        ready: true,
        delay: 0
    },
    hide: false,
    position: {
        my: 'right center',
        at: 'left center',
        target: $('#primary')
    },
});
于 2013-05-21T05:25:42.737 回答
0

这是你想要的吗，FIDDLE

$(document).ready(function () {
    $("#primary").qtip({
        content: {
            text: 'I am primary'
        },
        show: true,
        hide: false,
        position: {
            my: 'right center',
            at: 'left center',
            target: $('#primary')
        },
    });
});
于 2013-05-21T05:22:18.863 回答
0 
 show: {
   ready: true,
   delay: 0
 },
 hide: {
   event: 'nonexisting'
 },

http://jsfiddle.net/KHxgQ/8/

于 2013-05-21T05:25:23.140 回答