QTip 入门

Question

我正在尝试使用 Qtip 将工具提示添加到我正在处理的网站，但是对于我来说，我无法让它做任何事情！我试着在 qtip 论坛上发布我的问题，但没有得到回复，所以我想在这里试试。我创建了一个简单的网页来简化一般语法，但即使那样也不起作用。这是测试页的 HTML。

<html>

<head>
<title> test </title>

<link type="text/css" rel="stylesheet" href="qtip/jquery.qtip.css" />

<script type="text/javascript" src="jquery-1.11.1.js"></script>
<script type="text/javascript" src="qtip/jquery.qtip.js"></script>
<script type="text/javascript" src="qtip/imagesloaded.pkg.min.js"></script>
<script type="text/javascript" src="test.js"></script>

</head>

<body>

<div id="box" style="border: 1px solid black; height:100px;">Here's the div</div>

</body>

</html>

这是 .JS 文件的代码。

// Create the tooltips only when document ready
 $(document).ready(function()
 {
     $('#box').qtip({
         content: 'Mouse tracking! Content'
     });
 });

我只想让我的页面有很棒的工具提示，以便快速轻松地工作 T_T 在此先感谢您的帮助！

Answer 1

$('#box').qtip({
    content: {
        text: 'Mouse tracking! Content'
    }
})

Demo

QTip 入门

Getting started with QTip

html

javascript

jquery

qtip2