1

光环！我是 JQuery 的新手，我正在尝试使用 QTip 制作简单的工具提示。我确定我已经按照正确的步骤操作，但工具提示似乎不起作用。这是代码：

<script type="text/javascript">
$(document).ready(function() {
    $('.select-here').qtip({
        content: {
            text: 'tooltip here',
            show: 'mouseover',
            hide: 'mouseout'
        },       
        style: {
            width: 400,
            height: 400
        }
    });
});
</script>

在我的身体里我写了这个

<div class="select-here">Text text text</div>

我错过了什么？任何人都可以帮助我吗？谢谢

4

1 回答 1

1

试试这个演示：演示 http://jsfiddle.net/Tdh4a/

http://craigsworks.com/projects/qtip/demos/content/basic

我认为show and hide是单独的属性而不是内容的子项：在文档中查看：http: //craigsworks.com/projects/qtip/docs/reference/#content

您还将在 qTip 链接中注意到他们正在推广 qTip2 而不是 qTip 作为其已过时的产品。休息演示应该有助于您的事业。B-)

代码

$(document).ready(function() {

    $(".select-here").qtip({
        content: {
            text: "HULK Me HULK HULK",
            title: {
                text: "Title",
                button: true
            }
        },
        show: {
            event: 'click',
            solo: true
        },
        hide: {
            fixed: true,
            event: 'unfocus'
        },
        position: {
            target: 'mouse',
            viewport: $(window),
            adjust: {
                method: 'flip shift',
                mouse: false
            }
        },
        style: {
            tip: false,
            widget: false
        }
    });


});​
于 2012-11-18T08:01:12.540 回答