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

0

Я пытаюсь прикрепить свой qTip2-скрипт в head-element моего 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/

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

Теги:
qtip2

1 ответ

0

Это, похоже, проблема с 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 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 FILE: ("та же папка, что и HTML файл")

body {
    padding: 50px;
}

qtip.js FILE: ("Та же папка, что и HTML файл")

$(document).ready(function () {

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

});

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

Поделиться
  • 0
    Я чувствую, что пробовал разные версии, но все равно не работает. JQuery выглядит хорошо, я думаю, что это. CSS, что-то не хватает, но я не могу понять, почему.
  • 0
    Следующий вопрос: вы используете Visual Studio или какую-либо программу для компиляции сайта?
Показать ещё 4 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню