Jquey-ui depends on Jquery

Asked

Viewed 60 times

2

Does jquery-ui depend on jquery in an application ? , I ask because in the application I am working apparently jquery.min is not being used, and the doubt and if it has to be there to support jquery-ui.

Thanks in advance, thank you.

1 answer

2

Yes, totally dependent on jQuery:

"jQuery UI is a curated set of user interface interactions, effects, widgets and themes built on the jQuery Javascript library". source


jQuery UI is a collection of GUI widgets, animated visual effects and themes implemented with jQuery (a Javascript library ), Cascading Style Sheets and HTML . source


jQuery UI is an interaction tool and built above the core of jQuery that allows you to animate the different HTML elements. source


Totally based on the framework¹ jQuery, is used to provide a better interaction between user and client (web browser), with rich features like animation, effects, stylizable components, etc. source


EXAMPLE: note in both lines script as first is loaded to jQuery and then to jQuery UI and that if you remove the line that matters to jQuery the example does not work:

$( function() {
   $("#draggable").draggable();
});
#draggable { 
  width: 150px; height: 150px; padding: 0.5em; background-color:blue; color:#FFF;
}
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
 
<div id="draggable" class="ui-widget-content">
  <p>Drag me around</p>
</div>

Note 1: Although in the text the word appears Framework referring to jQuery, it is not considered as such, but rather as a library. Know the difference here

Note 2: Strange your code doesn’t present dependency on jQuery, because as we saw the jQuery UI is totally dependent on the same.

  • Thank you very much for the return. In the project there is reference only to datepicker <h:outputScript name = "js/jqueryui/jquery.ui.datepicker-en-GB.js"/>. At first I removed jquery-3.3.1.min. js and it made no difference. Hence my doubt. Anyway thanks for the info, if there is any other tip thank you. A hug.

  • Jewel man, for nothing!

  • 1

    An important link would be the jQuery UI official website where it is written: "jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery Javascript Library". PS: is only to complement the answer already given, since a new answer just for this would not help in anything :D

  • @fernandosavio Boa man, really missed the link on the main page. I can complement my reply with your suggestion?

  • Of course I do, so I commented here.

Browser other questions tagged

You are not signed in. Login or sign up in order to post.