Öğe yüksekliği jquery yeniden boyutlandirildikten sonra güncellenmiyor

Question

Yeniden boyutlandirilirken, yükseklik güncellenmez. Yük, yüksekliği ayarladıktan sonra, değişkeni güncellememe rağmen güncelleme yapmaz.

Yüksekliği ayarladığı satırları çıkarırsam, değişkeni iyi güncelleştirir, ancak yükseklik ayarlandıktan sonra hiçbir şey yapmaz.

Neredeyim yanlış gittim?

var hero_height = $('.hero-image').outerHeight(); 
console.log('heroHeight: ' + hero_height); 

$(document).ready(function() { 
    $(window).load(function() { 

     $('.hero-image').css('height', hero_height); 

    }); 

    $(window).resize(function() { 

     if (hero_height !== $('.hero-image').outerHeight()) { 
      $('.hero-image').css('height', hero_height); 
     }; 

     hero_height = $('.hero-image').outerHeight(); 
     console.log('heroHeight: ' + hero_height); 

    }); 
}); 

İşte JS keman
https://jsfiddle.net/5c1za6xa/

Answer 1

olan pencere boyutlandırma fonksiyonunda var hero_height = $('.hero-image').outerHeight(); ekleyin.

$(window).resize(function() { 
    var hero_height = $('.hero-image').outerHeight(); 
    if (hero_height !== $('.hero-image').outerHeight()) { 
     $('.hero-image').css('height', hero_height); 
    }; 

    hero_height = $('.hero-image').outerHeight(); 
    console.log('heroHeight: ' + hero_height); 
}); 

Answer 2

Bunu göz ardı ediyorsunuz! Bunun için jQuery'ye ihtiyacınız yok, sadece CSS media queries.

İşte bir örnek

nav { 
    display: block; 
} 

@media screen and (max-width: 480px) { 
    nav { 
    display: none; 
    } 
} 

Bu (teknik veya az 480px ekran yüksekliği bulunan her şey) bir nav mobil cihazlarda çubuğunu gizler var. Maksimum genişlik ve stilleri ihtiyaçlarınızı karşılayacak şekilde değiştirebilirsiniz. Bu (verdiniz.START_SPANAyarları hangi javascript desteği olmayan kullanıcılar/cihazlar için çalışırken, böylece

O javascript gerektirmez okumak daha kolay oluyor

1. bir takım nedenlerden için jQuery üstündür bu günlerde neredeyse hiç kimse yok. Ancak javascript kullanmamak, sayfa yükleme sürenizi de büyük ölçüde hızlandıracaktır.
2. Genel olarak (CSS3'ün yayınlanmasından bu yana), stili ayarlamak için hemen hemen hiçbir zaman javascript (veya bu konu için jQuery) kullanmanız gerekmez. Bu nedenle, sayfanın stilini/görünümünü değiştirmeye çalıştığınız için, CSS'yi kullanmalısınız. JS'yi web sayfanızın değil, stillerinizin dinamik işlevselliğine bırakın.