dir.by  
Programming, development, testing
jQuery UI - buttons, menus, dialog, slider, spinner and so on. Effects: stretching, dragging, and so on
jQuery UI where to download and how to connect?
  Looked at 11509 times    
 jQuery UI Download 
last updated: 23 November 2018
Download jQuery UI Files needed from the official website jqueryui.com/download/all
Version jQuery UI
Size
Where to download ?
jquery-ui-1.12.1.zip (Contains js Files logic for stretching elements and so on, basic design css Files)

The archive contains the following files:
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 (contains templates: base, black-tie, blitzer, cupertino, dark-hive, dot-luv, eggplant, excite-bike and so on)

Archive contains files 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
Connect jQuery UI
Description
How to connect ?
Connect Library jQuery UI to page HTML
1) Download jquery-ui-1.12.1.zip to your computer and unpack
2) Create a new file 1.html
3) Inside the file 1.html Connect jQuery UI
  Html  
<!-- connect library jQuery UI (js Files) -->
<script src="./jquery-ui-1.12.1/jquery-ui.min.js"></script>

<!-- connect library jQuery UI (css Files) -->
<link rel="stylesheet" href="./jquery-ui-1.12.1/jquery-ui.min.css">
Example (Connect Library jQuery UI to page HTML)
  Html  
<html>

<!-- heading -->
<head>
     <meta charset="utf-8">
     <title>Example</title>
</head>

<!-- page -->
<body>
     <!-- connect library jQuery (js file) -->
     <script src="https://dir.by/example_lib/jquery/jquery-3.3.1.min.js"></script>

     <!-- connect library jQuery UI (js file) -->
     <script src="https://dir.by/example_lib/jquery_ui/jquery-ui-1.12.1/jquery-ui.min.js"></script>

     <!-- connect library jQuery UI (css file) -->
     <link rel="stylesheet" href="https://dir.by/example_lib/jquery_ui/jquery-ui-1.12.1/jquery-ui.min.css">

     <!-- HTML Elements -->
     <div id="myElement1" style='height:100px; width:100px; background:#DAF0DA;'>
          <p>Stretch</p>
     </div>

     <!-- the page has opened -->
     <script>
          $( function()
          {
               // element myElement1 Can be stretched
               $("#myElement1").resizable();
          });
     </script>
</body>

</html>
Example we look, we test
 
← Previous topic
What the JQuery UI ?
 
Next topic →
Draggable (the item can be moved with the mouse) jQuery UI
 
Your feedback ... Comments ...
   
Your Name
Your comment (www links can only be added by a logged-in user)

Экскурсии по Москве Экскурсии по Москве: пешеходные, автобусные и речные прогулки на любой вкус
  Объявления  
  Объявления  
 
What the JQuery UI ?
jQuery UI where to download and how to connect?
Interactions (interaction)
Draggable (the item can be moved with the mouse) jQuery UI
Droppable (a dragged item can be thrown) jQuery UI
Resizable (resize an item with the mouse) jQuery UI
Selectable (select one or more elements with the mouse) jQuery UI
WWW sites to explore JQuery UI
Sites to explore JQuery UI

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