Hola a todos, estoy tratando de crear una función que se pueda arrastrar y cambiar de tamaño en mi marco de laravel usando jquery. Y cada vez que recargo la página, este error sigue apareciendo en mi consola.

"TypeError no detectado: $(...).arrastrable no es una función"

que hacen que la función no funcione. Aquí está mi código

 <link rel="stylesheet" href="{{asset('dasharea/css/jquery-ui.css')}}"> <style> #containment-wrapper { border: 2px solid #ccc; position: relative; overflow: hidden; } #containment-wrapper .box { width: 100px; height: 100px; left: 50px; top: 50px; position: absolute; border: 1px solid grey; cursor: move; } </style> <script src="{{asset('dasharea/js/jquery-3.6.0.js')}}"></script> <script src="{{asset('dasharea/js/jquery-ui.js')}}"></script> <script> $(document).ready(function() { $(".box").draggable({ containment: "#containment-wrapper" }).resizable({ containment: "#containment-wrapper" }); }); </script> <div id="containment-wrapper" class="meta-builder ui-widget-content"> <img src="{{asset('dasharea/img/placeholder.png')}}" id="cover" style="max-width: 750px;" /> <div class="box"></div> <div id="name-builder" class="nm_controls pv_controls name-builder">Dummy Name</div> </div>

Por favor, chicos, realmente necesito su ayuda. Gracias por adelantado.