Estou tendo problemas na seguinte parte do cógido
<!DOCTYPE html>
<html lang="pt-br">
<link rel="stylesheet" type="text/css" href="style.css">
<body>
<div id="lista" class="draggable">
<p>Isto é uma</p>
<p>Figurinha</p>
</div>
<div id="resizable" class="ui-widget-content">
<h3 class="ui-widget-header">Figurinha</h3>
</div>
<img id="fla" src="./img/crf.png" class="draggable" />
<img id="liberta" width="250px" height="600px" src="./img/liberta.png" class="draggable" />
<script type="text/javascript" src="./animation.js"></script>
</body>
</html>
e o JS:
$( function() {
$( ".draggable" ).draggable();
$( ".draggable" ).resizable();
} );
$( function() {
$( ".ui-widget-content" ).resizable();
$( ".ui-widget-content" ).draggable();
} );
Apenas as div`s estão funcionando o draggable e o resizable (Nas imagens só funciona o resizable). Sou iniciante ainda em JS, se alguem puder me ajudar na solução, desde já, agradeço.