qTip2: как прикрепить к head-элементу?

Я пытаюсь вложить свой qTip2-скрипт в head-элемент моего html-документа, но кажется, что я не понимаю его правильно.

Я написал это до сих пор:

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

Кто-нибудь может увидеть, что я делаю не так?

Источник

1 ответ

Кажется, проблема с URL скрипта. Попробуйте использовать точный путь 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:

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

});

Просто протестировал его с помощью вышеуказанных файлов, и он работал отлично. Позвольте мне знать, если это помогает.

Источник
Другие вопросы по тегам