Question

首先，必须查看此dragndrop（http://code.google.com/p/jquery-drag-and-drop/）

我想问的是，是否可以在onClick ???

上添加一个ACTIVE“窗口”

示例：

我有3个可拖动的窗口，名称为drag1，drag2和drag3

drag1 zIndex =“98”

drag2 zIndex =“99”

drag3 zIndex =“100”

当我点击drag1时，将drag1 zIndex值更改为高于所有其他拖动值。

之后，

单击drag3，也将drag3 zIndex值更改为高于所有其他拖动值。

也高于drag1

例2：

设置一个ACTIVE拖动onClick ???

Answer 1

好的，我想我知道你的目的是什么。您应该使用jqueryui方法draggable。它有一个选项stack，可以自动为拖动的项目提供最高的z-index。

例如

<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>

如何更改z Index .drag drop question

1 个答案:

例如