2014-02-16 5 views
0

My Adobe лицензия CC работает в течение месяца, и я не представляю себе обновляя еще на один год, как я не в состоянии получить цены студентов больше ...Добавить JQuery вкладки с помощью кронштейнов (приложения)

Я пытаюсь переключиться на скобки (open-source, сделанные Adobe), и у меня возникли проблемы с добавлением вкладок jQuery в html-документе.

Я скачал 1.10.4 zip отсюда: https://jqueryui.com/download/#!

И при добавлении источника HTML со страницы jqueryui вкладки, а затем предварительный просмотр, он не отображается в виде вкладок ... просто текст ...

<!doctype html> 
<html lang="en"> 
    <head> 
    <meta charset="utf-8"> 
    <title>jQuery UI Tabs - Default functionality</title> 
    <link rel="stylesheet" href="jquery-ui-1.10.4.custom.css"> 
    <script src="//code.jquery.com/jquery-1.9.1.js"></script> 
    <script src="jquery-ui-1.10.4.custom.js"></script> 
    <link rel="stylesheet" href="style.css"> 
    <script type="text/javascript"> 
     $(function() { 
     $("#tabs").tabs(); 
     }); 
    </script> 
    </head> 
    <body> 
    <div id="tabs"> 
     <ul> 
     <li><a href="#tabs-1">Nunc tincidunt</a></li> 
     <li><a href="#tabs-2">Proin dolor</a></li> 
     <li><a href="#tabs-3">Aenean lacinia</a></li> 
     </ul> 
     <div id="tabs-1"></div> 
     <div id="tabs-2"></div> 
     <div id="tabs-3"></div> 
    </div> 
    </body> 
</html> 

(я снял образец текста из вкладки)

Я связала файлы, загруженные с помощью кода хинтер, но я не мог найти файл JQuery-1.9.1.js, так что я просто оставил это (что, где моя проблема лежит?)

Помощь очень ценится, спасибо!

ответ

0

Вы, наверное, забыли включить/копировать некоторые таблицы стилей/изображений и т.д .. Может быть, было бы лучше использовать CDN для включений, как это:

<head> 
<script src="http://code.jquery.com/jquery-1.8.3.js" type="text/javascript"></script> 
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js" type="text/javascript"></script> 
<link href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" type="text/css" rel="stylesheet"> 

Вот ваш код и его рабочий http://jsfiddle.net/bBzC4/

+0

Хорошо, что такое CDN? Означает ли это, что мне действительно не нужен файл на моем жестком диске? Извините - я к этому отношусь. Мне удобно, когда я пойду, но можно с уверенностью сказать, что у меня довольно ограниченное знание веб-дизайна ... – user2838273

+0

CDN сокращен для «Сети доставки контента», это означает, что эти файлы хранятся в Интернете. Таким образом, вы можете сократить пространство, используемое на вашем веб-сайте, и повысить скорость загрузки страницы, поскольку многие сайты уже используют его, и пользователи могут загрузить этот URL-адрес, и это означает, что они будут использовать кешированные версии. –

+0

Хорошо спасибо. Нужно ли мне использовать библиотеки 1.8.3 и 1.9.2? Разве нет новой библиотеки 1.10.4? – user2838273

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