nasıl kullanmak jQuery canlandırılır() fonksiyonu

Question

önemli aşağıya jQuery bakınız:

Gerçekten bu kodda height için CSS !important nasıl kullanabileceğinizi merak ediyorum.

 $j('#lveis-wrapper_3').animate({ 
      opacity: 0.0, 
      height : 200 
     }, 1200); 

#lveis-wrapper_3 CSS aşağıdaki gibidir:

#lveis-wrapper_3 
{ 
    width: 844px !important; 
    height: 936px !important; 
    margin: 0pt 0pt 10px !important; 
    padding: 0pt !important; 
    float: none; 
} 

Ben
yüzden değiştirmek istiyorum ... bazı nedenlerden dolayı height: 936px den !important kaldıramazsınız heightanimate() jQuery işleviyle - ama nasıl ?

Answer 1

Bunu yapamazsınız. gereğince

...

"Tüm animasyonlu özellikler bir tek bir sayısal değere ... ... temel jQuery kullanarak animasyonlu olamaz sayısal olmayan En özellikleri animasyonlu edilmelidir işlevselliği ..."

http://api.jquery.com/animate/

---

!important gereksiniminizi yeniden incelemenizi öneririz.

Answer 2

Bunu yapamazsınız, ama bunu deneyin!

Bir DIV, IMG, olup olmadığına bağlı olarak, bunun gibi bir şey yapmanız gerekecektir. Bu örnek bir görüntü olması durumunda geçerli:

$j('img#lveis-wrapper_3').animate({ 
     opacity: 0.0, 
     height : 200 
    }, 1200); 

Öncelikleri

seçici özgüllük ile CSS tanımlanır. İçin selektör özgüllük 1.0.0 oldu #id ama img # id ekleyerek şimdi bu nedenle öncelikli yüksektir, 1.0.1 olduğunu.

Answer 3

Çalışmak için css geçişini kullanabilirsiniz, çünkü stil özniteliği $ (elem) .attr ('style', '...') ile değiştirilse bile css geçişi çalışır;

kullandığınız:

js

// the element you want to animate 
$(elem).attr('style', 'your_style_with_important'); 

css

elem { 
    transition: all 0.2 linear; 
    -moz-transition: all 0.2 linear; 
    -webkit-transition: all 0.2 linear; 
}