Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在HTML页面上包含JS文件时出现问题_Javascript_Jquery_Plugins_Tooltip - Fatal编程技术网

Javascript 在HTML页面上包含JS文件时出现问题

Javascript 在HTML页面上包含JS文件时出现问题,javascript,jquery,plugins,tooltip,Javascript,Jquery,Plugins,Tooltip,我正在尝试使用工具提示jQuery插件。这是我在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>

我正在尝试使用工具提示jQuery插件。这是我在
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代码,一切看起来都很好

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

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

很抱歉,没有其他内容,但您为我工作的内容,以下是我完整使用的代码,以防对您有所帮助:

HTML:

我在这里下载了simpletip.js:

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

移动

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

直到身体的末端似乎解决了这个问题:

<body>

[code...]

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

</body>

[代码…]

我想知道您的js文件在其他地方是否有错误?您可以发布整个文件,还是仔细检查其他地方是否有错误?尝试将
defer=“defer”
添加到您的js/homepage.js脚本标记中。如果已经有了,您可以放心地假设其他地方没有错误。我也用Console2和Firebug进行了检查。当代码位于外部文件中时,您是否看到任何JavaScript错误?好的做法是Robusto提供注释作为答案,Prupper接受它。这样,这个问题就不会一直“没有答案”。
$(document).ready(function() {
    // meaningless functions

    $('.supported_hosts').simpletip({
        fixed: true,
        position: 'right',
        content: 'test content.'
    });
});
<script src="homepage.js" type="text/javascript"></script>
<body>

[code...]

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

</body>