У меня есть 9 ящиков разных цветов, которые можно перетаскивать в любую позицию тела. Я пытаюсь сохранить позиции пропущенных элементов, чтобы при перезагрузке страницы перетаскиваемые элементы находились в том же положении. Вот код, который я сделал
[1]: https://i.stack.imgur.com/PfLWu.png
<script type="text/javascript">
$(document).ready(function(){
$('.prt').draggable({
stop : function (ev,ui)
{
alert('success');
}
});
$('.bdy').droppable();
});
</script>
</head>
<body class="bdy">
<?php foreach ($result as $clr) {?>
<div class="col-sm-1 prt" style="border: 1px solid #ccc; height:150px; background-color:<?php echo $clr['color']; ?>">
</div>
<?php } ?>
</body>
</html>