ウィンドウのサイズを変更する際にjqueryスクリプトを更新しますか？

Question

ビューポートの幅とビューポートの高さの変数に依存するjqueryスクリプトを作成しました。ここで

var viewportwidth,viewportheight;"undefined"!=typeof window.innerWidth?(viewportwidth=window.innerWidth,viewportheight=window.innerHeight):"undefined"!=typeof document.documentElement&&"undefined"!=typeof document.documentElement.clientWidth&&0!=document.documentElement.clientWidth?(viewportwidth=document.documentElement.clientWidth,viewportheight=document.documentElement.clientHeight):(viewportwidth=document.getElementsByTagName("body")[0].clientWidth,viewportheight=document.getElementsByTagName("body")[0].clientHeight); 

スクリプトされています：

function kjør() { 
    if ((viewportwidth/viewportheight) >= 1.33) { 
      $('#redline').appendTo('body'); 
     $('#sitewrap').on('scroll', function(e) { 
      if ($(this).scrollTop() > (viewportheight/100 * 40)) { 
       $('body').addClass('fix'); 
       $('#headerwrap').appendTo('body'); 
      } else { 
       $('body').removeClass('fix'); 
       $('#headerwrap').appendTo('header'); 
      } 
     $("#logo-top").css("opacity", 1 - $(this).scrollTop()/(viewportheight/100 * 30)); 
     }); 
    } else { 
     $('#headerwrap').appendTo('body'); 
     $('#redline').prependTo('#headerwrap'); 
     $('body').removeClass('fix'); 
    }; 
}; 
$(function() { 
    kjør(); 
    $(window).resize(kjør()); 
}); 

としてすることができますSE下部の これは、独自のドキュメントに保存されているviewportwidthとviewportheight変数を持つスクリプトがあります。 windowがサイズ変更されるとスクリプトが更新されるようにしました。しかし、このdoesntの仕事。このスクリプトでは、pageloadで確立されたviewportwidthとviewportheightが使用されます。 スクリプトで、ウィンドウのサイズを変更して、ビューポートの高さとビューポートの幅を再評価できますか？あなたはsintax function_name()あなたは、関数itselfs、関数の戻り値はない参照しているを使用する場合

$(window).resize(kjør); 

：

$(window).resize(kjør()); 

に変更し、それを：

Answer 1

あなたの問題は、ライン怒鳴るです。