jQuery Oryantasyon Değişim burada

Question

çalışmak değil benim kodudur:

jQuery(window).on("orientationchange",function(){ 
    var maxHeight = -1; 
    jQuery('.article .articleHead').each(function() { 
    maxHeight = maxHeight > jQuery(this).height() ? maxHeight : jQuery(this).height(); 
    }); 
    jQuery('.article .articleHead').each(function() { 
    jQuery(this).height(maxHeight); 
    }); 
    alert("The orientation has changed!"); 
}); 

Ne yönelim değiştiğinde sadece bu kodu çalıştırılır yapmaya çalışıyorum. İçindeki kod sadece en uzun belirtilen öğeyi almak ve ardından tüm diğer öğeleri satır içi stiliyle o yüksekliğe uyacak şekilde ayarlamaktır.

Fakat bu çalışmıyor. Tek istediğim uyarı mesajı. Hiçbir şey ayarlanmaz.

jQuery(document).ready(function() { 

}); 

Yukarıdaki işler gayet iyi. Sayfa yüklendiğinde, tüm satır yüksekliği stillerini buna göre ayarlar.

Bir şeyleri kaçırdığımı veya bunu yanlış bir şekilde kullanmaya çalıştığımı biliyorum. Herhangi bir yardım büyük beğeni topluyor. Agon

Answer 1

Muhtemelen DOM zaman oryantasyon değişiklik olayı yangınlar hazır değil.

bütün DOM amacıyla bir gecikme ekleyin jQuery'ye mevcuttur: Sen

200 Umarım yardımcı olur dışındaki değerler deneme yapabilirsiniz

jQuery(window).on("orientationchange",function(){ 
    setTimeout(function() { 

    var maxHeight = -1; 
    jQuery('.article .articleHead').each(function() { 
    maxHeight = maxHeight > jQuery(this).height() ? maxHeight : jQuery(this).height(); 
    }); 
    jQuery('.article .articleHead').each(function() { 
    jQuery(this).height(maxHeight); 
    }); 
    alert("The orientation has changed!"); 
    }, 200); 

}); 

.