javascript - QTip 入门

标签 javascript jquery html qtip2

我正在尝试使用 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 在此先感谢您的帮助!

最佳答案

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

Demo

关于javascript - QTip 入门,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28197946/

相关文章:

javascript - 如何定位超出其各自功能范围的 "this"?

javascript - 如何在 Vue + Axios 中使用 List.JS?

javascript - 找不到动态 asp :Control inside a Gridview using JQuery

html - 全屏 3 列,可堆叠在移动设备上

java - 使用java将多个xml文件转换为html文件

javascript - 解析 JSON 对象以获取唯一记录

javascript - 使用 Box API v2 在 Angular.js 中处理未经授权的请求

javascript - 如何不将 toggle() 应用于已经显示 : none? 的 div 元素

javascript - JS 转换为 Coffeescript

PHP 变量不打印到 HTML 网页