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

嘗試設置的位置屬性爲好。根據您的實施將其設置爲相對，絕對等等。這可能可以解決問題。