Font-Awesome - icon-spin gizlendiğinde dönmez ve sonra

Question

görüntülendiğinde Sayfam yüklendiğinde, display özelliğini display özelliğine ayarlayarak gizlerim.

Şimdi, bazı eylemler gerçekleştirildikten sonra, bu simgeyi görüntülemek istiyorum. JQuery'nin .show() yöntemini simge üzerinde çağırıyorum. Ancak, simge gösterilirken, simge artık dönmüyor.

Önceden gizlenmeden yüklerseniz, döner. Fakat daha sonra gizlendiğinde ve görüntülenmediğinde değil.

DÜZENLEME: Bu başlıktan belli değildi, ben

Answer 1

Eğer ('# mySpinnerElement') $" diyorsun simgeleri görüntülemek için Font Awesome kullanıyorum) (gizlemek

ben bunu değiştirdi.? . document.getElementById için ('mySpinnerElement') style.display = 'none';

ve benim spinner sonraki çağrılarda spin

HTH

Bataklık

Answer 2

yerine .show();

Answer 3

ait $element.css("display","inline-block"); kullanmak zorunda başlangıç ​​ekranı devlet none ise IE10 sıkma animasyon çalışmaz dikkat görünüyor. Ekranı dinamik olarak inline-block olarak değiştirmenin döndürme animasyonu tetiklemediğini buldum. İplikçi ekranını hareket ettirmek sorunu çözdü. Örn:

.icon-spinner { 
    position: absolute; 
    left: -9999px; 
} 
.is-pending .icon-spinner { 
    left: 0; 
} 

Answer 4

Eski konu ama "fa-Spin" içeren eleman {görünürlük: gizli} ile gizlendi sonra çalışmayan ile benzer bir sorunu vardı, jQuery ile ayarlayın.

ply_obj.container.on(
      'controlsshown', 
      function() { 

       if (ply_obj.config.loop_tf) { 
        ply_obj.loop_icon.removeClass('fa-spin'); 
        setTimeout(function() { ply_obj.loop_icon.addClass('fa-spin'); }, 100); 
       } 
      } 
     ); 

: ayrıca bazı diğer animasyon

düzeltme bu fonksiyonu ateş, hangi bunu yeniden görünür kılmayı tetiklenecek içeren elemana bir etkinlik kurmak olduğu vb muhtemelen zamanlama sorunlarına neden olduğu, hangi Orada dahil edildi

"Fa-spin" 'i kaldırarak, daha sonra küçük bir gecikme ile geri eklemek benim için istediğim şekilde çalışmasını sağladı.