在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文件的問題

回答

相關問題