2014-02-14 51 views
0

我試圖將我的qTip2腳本附加到我的html文檔的head-element中,但似乎我沒有弄清楚它的正確性。qTip2:如何附加到頭元素?

到目前爲止,我寫了這個:

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> 
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script> 

<link rel="http://cdn.jsdelivr.net/qtip2/2.2.0/jquery.qtip.min.css" type="text/css" media="screen"> 
<script type="text/javascript" src="http://cdn.jsdelivr.net/qtip2/2.2.0/jquery.qtip.min.js"></script> 

<script src="qtip.js"></script> 
<link rel="stylesheet" type="text/css" href="qtip.css"> 

完整的代碼工作正常的jsfiddle,而不是當我嘗試一切複製到記事本+ +。

這是的jsfiddle代碼:http://jsfiddle.net/craga89/fdavn/

有人能看到我在做什麼錯?

回答

0

它似乎是腳本url的問題。嘗試使用網址的確切路徑。如下所示。

'<script src="/Scripts/qtip.js"></script>' 

如果您仍然有問題,仔細檢查,以確保正在引用您正在使用當前版本的下列內容:

<link rel="http://cdn.jsdelivr.net/qtip2/2.2.0/jquery.qtip.min.css" type="text/css" media="screen"> 
    <script type="text/javascript" src="http://cdn.jsdelivr.net/qtip2/2.2.0/jquery.qtip.min.js"></script> 

* 修訂 *

驗證以下內容:

HTML FILE:

<head> 
<title>My New Site</title> 
    <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> 
    <script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script> 

    <link rel="http://cdn.jsdelivr.net/qtip2/2.2.0/jquery.qtip.min.css" type="text/css" media="screen"> 
    <script type="text/javascript" src="http://cdn.jsdelivr.net/qtip2/2.2.0/jquery.qtip.min.js"></script> 

    <script src="qtip.js"></script> 
    <link rel="stylesheet" type="text/css" href="qtip.css"> 
</head> 
<body> 
    <a href="#test" title="My tooltip text">Sample link</a> 
    <br /> 
    <a href="#test2" title="My title.New">Sample Link 2</a> 
</body> 

qtip.css文件:( 「同一文件夾中的HTML文件」)

body { 
    padding: 50px; 
} 

qtip.js文件:( 「同一文件夾中的HTML文件」)

$(document).ready(function() { 

    $('a[title]').qtip(); 

}); 

剛使用上述文件對其進行了測試,並且工作完美。讓我知道這是否有幫助。

+0

我覺得我一直在嘗試所有不同類型的版本,但它仍然無法正常工作。 jquery看起來很好,我認爲這是.css,但我不知道爲什麼。 – Rnft

+0

接下來的問題是,你使用Visual Studio或任何程序來編譯網站? – James

+0

到目前爲止,我只使用了Notepad ++。 – Rnft