У меня есть 2 перетаскиваемых DIV, которые я хочу сложить в зависимости от того, где в родительском DIV они расположены. Я попытался установить z-index, хотя это работает в 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 );
});