Добавление вкладок jQuery с помощью скобок (приложение)

0

Моя лицензия на Adobe CC закончилась через месяц, и я не хочу обновляться в течение еще одного года, так как я больше не смогу получить студенческие тарифы...

Я пытаюсь переключиться на скобки (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>

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

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

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

Теги:
tabs

1 ответ

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? Означает ли это, что мне на самом деле не нужен файл на моем жестком диске? Извините - я новичок в этом. Мне удобно, когда я начинаю, но можно с уверенностью сказать, что у меня довольно ограниченные знания веб-дизайна ...
  • 0
    CDN - сокращение от «Сеть доставки контента», это означает, что эти файлы хранятся в Интернете. Таким образом, вы можете уменьшить пространство, используемое на вашем веб-сайте, и повысить скорость загрузки страницы, поскольку многие сайты уже используют его, и у пользователей этот URL, вероятно, загружен, и это означает, что они будут использовать кэшированные версии.
Показать ещё 7 комментариев

Ещё вопросы

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