代码之家  ›  专栏  ›  技术社区  ›  user259752

如何更改zIndex.dragndrop问题

  •  0
  • user259752  · 技术社区  · 14 年前

    首先,我们得看看这个拖拉( http://code.google.com/p/jquery-drag-and-drop/ )

    例子:

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

    drag1 zIndex=“98”

    drag3 zIndex=“100”

    单击drag1时,将drag1 zIndex值更改为高于所有其他拖动。

    单击drag3,同时将drag3 zIndex值更改为高于所有其他拖动。

    也比drag1高

    例2:

    在单击时设置活动的拖动???

    1 回复  |  直到 14 年前
        1
  •  0
  •   Anthony    14 年前

    好吧,我想我明白你的意思了。您应该使用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>