Question

我正在尝试使用工具提示jQuery插件。这就是我在<head>的{{1}}中所拥有的内容：

index.html

这是<head> <title>Index</title> <link rel="stylesheet" href="style.css" type="text/css" /> <script src="js/jquery-1.4.2.min.js" type="text/javascript"></script> <script src="js/simpletip-1.3.1.min.js" type="text/javascript"></script> <script src="js/homepage.js" type="text/javascript"></script> </head>：

js/homepage.js

但由于某种原因，工具提示没有显示。但它确实显示我是否在索引页面上包含工具提示功能。有没有办法让这个工作没有索引页面上的工具提示功能，但在外部文件？感谢。

Answer 1

我从来没有使用过最简单的插件，但我复制并粘贴了你的标题和你的js代码，一切似乎都运行得很好。

我链接到最新版本的jquery并下载了simpletip.js的新副本，并且在第一次尝试时就可以使用了。

唯一的区别是/可能： - 我不知道你在html中调用'supported_hosts'类的代码是什么样的。 - simpletip.js文件的名称我没有在下载时更改它，所以我会检查你的文件名和相对位置。

对不起，除了你为我工作的东西之外什么都没有，这里是我用完的代码，这对你有帮助：

HTML：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <title>Index</title>
    <link rel="stylesheet" href="style.css" type="text/css" />
    <script src="http://code.jquery.com/jquery-1.4.2.min.js" type="text/javascript"></script>
    <script src="jquery.simpletip-1.3.1.min.js" type="text/javascript"></script>
    <script src="homepage.js" type="text/javascript"></script>
</head>

<body>
     <span class="supported_hosts">Tool Tips here</span>
</body>
</html>

你给的Javascript：

$(document).ready(function() {
    // meaningless functions

    $('.supported_hosts').simpletip({
        fixed: true,
        position: 'right',
        content: 'test content.'
    });
});

我在这里下载了simpletip.js： http://code.google.com/p/jquery-simpletip/downloads/detail?name=jquery.simpletip-1.3.1.min.js&can=2&q=

我会仔细检查你的相对路径和类命名。你的代码看起来不错。

Answer 2

移动

<script src="homepage.js" type="text/javascript"></script>

身体的尽头似乎解决了这个问题：

<body>

[code...]

<script src="homepage.js" type="text/javascript"></script>

</body>

在HTML页面上包含JS文件的问题

2 个答案: