# Add jquery-ui to angular 1.5 proyect

I am trying to make my modal bootstrap movable, and I see in the examples that I have to do it with jquery ui

// Example:

http://jsfiddle.net/dave_wilton/a3gyq/5/

I have a 1.5 angular app with jquery.

// executed

bower install jquery-ui


// add in index.html ( afther jquery.min.js )

<script src="assets/js/jquery.min.js"></script>
<script src="bower_components/jquery-ui/jquery-ui.min.js"></script>


<link rel="stylesheet" href="bower_components/jquery-ui/themes/smoothness/jquery-ui.min.css">


// I execute the code so that my modal is draggable:

$("#myModal").draggable({ handle: ".modal-header"  }); // Error angular.js:14199 TypeError:$(...).draggable is not a function
at eval (eval at globalEval (http://localhost:3000/bower_components/jquery/dist/jquery.js:328:5), <anonymous>:1:15)


The query-ui is correct in the bower_components folder, and the index.html urls are also correct.

It is as if it were to another file to search, I do not know if I have to configure something else.

Thanks for the help.

Source: AngularJS