Question

我试图将我的qTip2脚本附加到我的html文档的head-element中，但似乎我没有把它弄好。

到目前为止我写过：

<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中运行良好，但是当我尝试将所有内容复制到notepad ++时却没有。

这是jsfiddle代码：http://jsfiddle.net/craga89/fdavn/

任何人都可以看到我做错了吗？

Answer 1

这似乎是脚本网址的问题。尝试使用网址的确切路径。如下。

'<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文件：

<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();

});

刚刚使用上述文件对其进行了测试，效果非常好。如果这有帮助，请告诉我。

qTip2：如何附加到head-element？

1 个答案: