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

我正在尝试使用工具提示jQuery插件。这是我在<head>index.html的：在HTML页面中包含JS文件的问题

<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：

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

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

但由于某些原因，工具提示不显示。但它确实显示我是否在索引页上包含了工具提示功能。如果没有索引页上的工具提示功能，但是在外部文件中，有什么办法可以实现这种工作吗？谢谢。

来源

2010-07-27 Prupper

我不知道？你可以发布整个文件或仔细检查你是否在其他地方没有错误？ – spinon 2010-07-27 20:27:33

尝试在您的js/homepage.js脚本标记中添加'defer =“defer”'。 – Robusto 2010-07-27 20:28:11

已经有了，你可以放心地假设其他地方没有错误。我用Console2和Firebug也检查过它。 – Prupper 2010-07-27 20:28:23

我从来没有使用最简单的插件，但我复制并粘贴您的标题和您的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=

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

来源

2010-08-10 17:47:09 theGoose

移动

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

到身体的结束似乎解决的问题：如果您在js文件在其他地方有一个错误

<body> 

[code...] 

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

</body>

来源

2012-05-24 14:23:09 bdev

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

回答

相关问题