使用jQuery UI设置z-index可拖动不能在Firefox 4中工作

Question

我有2个可拖动的DIV，我想要堆叠，这取决于它们在父DIV中的位置。我试图设置Z索引，虽然这在IE 9中工作，我不能让它在Firefox 4中工作。

使用Firebug我看到被拖动的元素已将z-index设置为auto。

什么，我想在http://jsfiddle.net/a5jgm/6/

完成全部演示谢谢您的时间

 $(".draggable").draggable({ 
    // zIndex: 5, 
     start: function(event, ui) { 
     // console.log(this); 
      var zIndex = $(this).draggable("option", "zIndex"); 
      $('#zindex').val(zIndex); 
     // $(this).draggable("option", "zIndex", 100); 
     },    
     drag: function(event, ui) {     
      var pos = $("#"+this.id).position(); 
      $("#offset").val(""+pos.left +" "+pos.top); 
     }, 
     stop: function(event, ui){ 
      console.log(this); 
      if(ui.offset.left > 220){ 
       var currentz = parseInt($('#zindex').val())+1; 

       $(this).draggable("option", "zIndex", currentz);  
       $('#zindex').val(currentz); 
       console.log(' z index is: '+$(this).draggable("option", "zIndex")); 
      } 

     } 
    }); 
    var i = 10; 
    $(".draggable").each(function(){ 
     i = i +1; 
     $(this).draggable("option", "zIndex", i); 
    }); 

Answer 1

尝试设置的位置属性为好。根据您的实施将其设置为相对，绝对等等。这可能可以解决问题。