jQuery'nin $ ('# divOne') öğesi, animate ({zIndex: -1000}, 2000) çalışmıyor mu?

Question

I 1000 z-indeksine sahip elemana jQuery

$('#divOne').animate({zIndex: -1000}, 2000) 

çalıştı, ancak diğer elemanlar üzerinde hala?

Answer 1

jQuery animasyon her adım değerine bir birim eklemek için çalışır. Yani, 99 yerine 99px olacaktır, tabi ki geçerli bir zIndex değeri değil.

jQuery tarafından basitçe boş bir dize kullanılan birimini ayarlamak mümkün görünmüyor - bu değer dahil üniteyi alacağım ya (örneğin 20% - yüzde birimi) ya da px kullanacaktır.

Neyse ki, bu işi yapmak için animate() kesmek olabilir:

var div = $('#divOne'); 

$({ 
    z: ~~div.css('zIndex') 
    // ~~ to get an integer, even from non-numerical values like "auto" 
}).animate({ 
    z: -1000 
}, { 
    step: function() { 
     div.css('zIndex', ~~this.z); 
    }, 
    duration: 2000 
}); 

fazla bilgi için ~~this bkz yaklaşık.

Answer 2

Sen zIndex can veremezler (ı -1000 olarak değiştirmek için kundakçı kullanırsanız o zaman diğer elementlerin altında olacaktır). .css'u kullanarak ayarlayabilirsiniz.

$("#divOne").css('z-index' , '-1000');