qTip2: как подключить элемент head?

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

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

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

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

источник

2014-02-14 Rnft

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

body { 
    padding: 50px; 
}

qtip.js FILE: ("Та же папка, как HTML-файл")

$(document).ready(function() { 

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

});

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

источник

2014-02-14 21:19:09 James

Я чувствую, что я пытаюсь использовать все разные версии, и он все еще не работает. Jquery кажется прекрасным, я думаю, что это .css, это как-то отсутствует, но я не могу понять, почему. – Rnft

следующий вопрос: используете ли вы Visual Studio или какую-либо программу для компиляции сайта? – James

Я использовал Notepad ++ до сих пор. – Rnft

qTip2: как подключить элемент head?

ответ

Смежные вопросы