dir.by  
  Поиск  
Программирование, разработка, тестирование
jQuery UI - кнопки, меню, диалог, slider, spinner и так далее. Эфекты: растягивание, перетаскивание и так далее
jQuery UI где скачать и как подключить?
  Посмотрели 11218 раз(а)    
 jQuery UI скачиваем 
последнее обновление: 23 ноября 2018
Скачать jQuery UI файлы нужно с официального сайта jqueryui.com/download/all
Версия jQuery UI
Размер
Где скачать ?
jquery-ui-1.12.1.zip (содержит js файлы логику для растягивания элементов и так далее, основной дизайн css файлы)

Архив содержит файлы:
jquery-ui.css
jquery-ui.js
jquery-ui.min.css
jquery-ui.min.js
jquery-ui.structure.css
jquery-ui.structure.min.css
jquery-ui.theme.css
jquery-ui.theme.min.css
440 kb
jquery-ui-themes-1.12.1.zip (содержит шаблоны: base, black-tie, blitzer, cupertino, dark-hive, dot-luv, eggplant, excite-bike и так далее)

Архив содержит файлы css:
base
        jquery-ui.css
        jquery-ui.min.css
        theme.css

black-tie
        jquery-ui.css
        jquery-ui.min.css
        theme.css

blitzer
        jquery-ui.css
        jquery-ui.min.css
        theme.css

cupertino
        jquery-ui.css
        jquery-ui.min.css
        theme.css

dark-hive
        jquery-ui.css
        jquery-ui.min.css
        theme.css

...
1.6 mb
Подключить jQuery UI
Описание
Как подключать ?
Подключить библиотеку jQuery UI в страницу HTML
1) Скачать jquery-ui-1.12.1.zip к себе на компьютер и распаковать
2) Создайте новый файл 1.html
3) Внутри файла 1.html подключите jQuery UI
  Html  
<!-- подключить библиотеку jQuery UI (js файлы) -->
<script src="./jquery-ui-1.12.1/jquery-ui.min.js"></script>

<!-- подключить библиотеку jQuery UI (css файлы) -->
<link rel="stylesheet" href="./jquery-ui-1.12.1/jquery-ui.min.css">
Пример (Подключить библиотеку jQuery UI в страницу HTML)
  Html  
<html>

<!-- заголовок -->
<head>
     <meta charset="utf-8">
     <title>Example</title>
</head>

<!-- страница -->
<body>
     <!-- подключить библиотеку jQuery (js файл) -->
     <script src="https://dir.by/example_lib/jquery/jquery-3.3.1.min.js"></script>

     <!-- подключить библиотеку jQuery UI (js файл) -->
     <script src="https://dir.by/example_lib/jquery_ui/jquery-ui-1.12.1/jquery-ui.min.js"></script>

     <!-- подключить библиотеку jQuery UI (css файл) -->
     <link rel="stylesheet" href="https://dir.by/example_lib/jquery_ui/jquery-ui-1.12.1/jquery-ui.min.css">

     <!-- HTML элементы -->
     <div id="myElement1" style='height:100px; width:100px; background:#DAF0DA;'>
          <p>Растягивай</p>
     </div>

     <!-- страница открылась -->
     <script>
          $( function()
          {
               // элемент myElement1 может растягиваться
               $("#myElement1").resizable();
          });
     </script>
</body>

</html>
Пример смотрим, тестируем
 
← Предыдущая тема
Что такое JQuery UI ?
 
Следующая тема →
Draggable (элемент может быть перемещен с помощью мыши) jQuery UI
 
Ваши Отзывы ... комментарии ...
   
Вашe имя
Ваш комментарий (www ссылки может добавлять только залогиненный пользователь)

  Объявления  
  Объявления  
 
Что такое JQuery UI ?
jQuery UI где скачать и как подключить?
Interactions (взаимодействие)
Draggable (элемент может быть перемещен с помощью мыши) jQuery UI
Droppable (перетаскиваемый элемент может быть брошен) jQuery UI
Resizable (меняем размер элемента с помощью мыши) jQuery UI
Selectable (выделяем с помощью мыши один или несколько элементов) jQuery UI
WWW сайты для изучения JQuery UI
Сайты для изучения JQuery UI

  Ваши вопросы присылайте по почте: info@dir.by  
Яндекс.Метрика