好吧,我想我明白你的意思了。您应该使用jqueryui方法
draggable
. 它有一个选择
stack
这会自动为拖动的项提供最高的z索引。
<script type="text/javascript">
$(function() {
$('.boxes').draggable({stack:{group: ".boxes", min:100}});
});
</script>
<style type="text/css">
#wrapper {
height: 500px;
width: 700px;
background-color: #fffac0;
border: 2px dashed #fffa0d;
}
.boxes {
width: 100px;
height: 100px;
border: 1px solid #bbb;
}
#box1 {
background-color: red;
}
#box2 {
background-color: green;
}
#box3 {
background-color: blue;
}
</style>
<div id="wrapper">
<div id="box1" class="boxes"></div>
<div id="box2" class="boxes"></div>
<div id="box3" class="boxes"></div>
</div>