Segui este tutorial no YT https://www.youtube.com/watch?v=8vs-SF2UWy4&t=28s Desculpe antecipadamente se cometi algum erro aqui, eu só comecei a aprender, mas tenho que fazer móveis arrastáveis e soltáveis que posso mova os objetos
aqui está o código que escrevi
<div class="wrap">
<div id="home">
<div class="image"><img src="A.png" width="200px" alt=""></div>
<div class="image"><img src="B.PNG" width="240px" alt=""></div>
<div class="image"><img src="C.PNG" width="250px" alt=""></div>
<div class="image"><img src="D.PNG" width="210px" alt=""></div>
<div class="image"><img src="E.PNG" width="290px" alt=""></div>
<div class="image"><img src="F.PNG" width="240px" alt=""></div>
<div class="image"><img src="G.PNG" width="250px" alt=""></div>
<div class="image"><img src="H.PNG" width="220px" alt=""></div>
</div>
</div>
<script scr="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css"></script>
<script type="text/javascript">
$(function (){
$("#home .image").draggable();
});
</script>
Veja o exemplo de trabalho no snippet. Você precisa incluir jQuery
antes jQuery UI
.
$(function (){
$(".image").draggable();
});
.image {
background:yellow;
width:200px;
height:200px;
margin-bottom:1rem;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<div class="wrap">
<div id="home">
<div class="image"></div>
<div class="image"></div>
<div class="image"></div>
<div class="image"></div>
<div class="image"></div>
<div class="image"></div>
<div class="image"></div>
</div>
</div>
Este artigo é coletado da Internet.
Se houver alguma infração, entre em [email protected] Delete.
deixe-me dizer algumas palavras