Я пытаюсь отсортировать список изображений - позволяя перетаскивать изображения как есть.В следующем коде я вижу, как элементы dom переупорядочиваются при попытке перетаскивания, однако, фактическое перетаскивание не отображается, и это очень раздражает.Не могли бы вы сказать мне, что мне здесь не хватает?
<html> <head> <style> li { display: inline-block; } img{ margin:10px; } </style> </head> <body> <div> <ul class="sort-photos"> <li><img src="http://via.placeholder.com/50x100" /></li> <li><img src="http://via.placeholder.com/60x100" /></li> <li><img src="http://via.placeholder.com/70x100" /></li> <li><img src="http://via.placeholder.com/80x100" /></li> <li><img src="http://via.placeholder.com/90x100" /></li> </ul> </div> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-sortable/0.9.13/jquery-sortable-min.js"></script> <script type="text/javascript"> $(document).ready(function () { $(".sort-photos").sortable(); }); </script> </body> </html>
https://jsfiddle.net/unodurga/tn8kuzab/