ページが最初にロードされたとき、およびユーザーがウィンドウのサイズを変更したときに起動するはずの関数を作成しました。ページが読み込まれると正常に機能しますが、ユーザーがウィンドウのサイズを変更すると機能しません。奇妙なことに、関数内にアラートを配置すると、ウィンドウのサイズが変更されたときにそのアラートが表示されますが、関数の残りの部分は起動しません。Chrome のコンソールにエラーは表示されません。$(document).resize()
、$("body").resize()
、およびに変更しようとしましたが$(".pricingHeader").resize()
、何も機能しません。これは私には意味がありません。
function getTallest() {
var tallest = 0;
$(".pricingHeader").not(".features .pricingHeader").each(function(){
tallest = $(this).height() > tallest?$(this).height():tallest;
});
$(".pricingHeader").not(".features .pricingHeader").height(tallest);
$(".features .pricingHeader").height(tallest + 8);
}
$(document).ready(function() {
getTallest();
});
$(window).resize(function() {
getTallest();
});