时间戳

首页 > 解决方案 > 将最近拖动的图像排列到顶部

php - 将最近拖动的图像排列到顶部

问题描述

我设法创建了一个页面，其中包含在单独 div 中的三个可拖动图像从目录和随机位置随机出现。

问题是一个图像在拖动时总是会遮挡另一个图像。是否有可能在使用拖动交互时将该图像“重新排列”到顶部，以便用户控制排列顺序？


<!DOCTYPE html>
<html lang="en">
  <script type="text/javascript" charset="utf-8" src="js/jquery-1.9.1.js"></script>
<body>
    <center>
<!-- image displays here -->

    <img src="_" class="draggable ui-draggable" />

<img src="_" class="draggable ui-draggable" /></div>

<script type="text/javascript">
$(function(){
  $('.draggable').draggable({ scroll: true, cursor: "move"});

});

$('img').hide().one("load",function(){
    $(this).fadeIn(2000);
}).each(function(){
    if(this.complete) $(this).trigger("load");
});


</script>

</body>
</html>```

标签： phpjqueryhtmldraggable

解决方案

推荐阅读