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入门

1 个答案: