변수가 함수로 전달되지 않습니까?

Question

Google에이 작업을 시도했지만 해결책을 찾지 못했습니다. 그래서 문제는 사용자 창 너비가 특정 너비로 ​​변경된 경우 한 번 실행하려고하는 것입니다. 어떤 이유로 변수가 이고 정의되지 않은이 함수 내에 있습니다. 사용자가 900 이상 윈도우 폭이있는 경우

jQuery(document).ready(function ($) { 

var windowWidth = $(window).width(); 
var n = 1; 

if(windowWidth >= 900) { 
    var tc = 3; 
    $(".debug").html(tc); // Making sure if user window width is 900 or more and tc is 3 on page load. 
} else if (windowWidth <= 900) { 
    var tc = 2; 
    $(".debug").html(tc); // Making sure if user window width is 900 or less and tc is 2 on page load. 
} 

function liveWidthChange(){ 
    var windowWidth = $(window).width(); 
    $(".debug2").html("<b>current width:</b> " + windowWidth + " - <b>tc:</b> " + tc); 
    if (tc == 3 && windowWidth <= 900) { 
     // Shows how many times executed if activly changing browser width and the current value of tc 
     $(".debug").html("tc Value: " + tc); 
     var tc = 2; 
    } 
} 

// If the browser changes size 
var RS = false; 
$(window).resize(function() { 
    if (RS !== false) clearTimeout(RS); 
    RS = setTimeout(liveWidthChange, 200); 
});  

}); 

그래서, 그것은 사용자가 브라우저의 크기를 조정하고는 900 아래에 간다 경우, 뭔가를 실행 tc 변수에 3을 설정

:

여기에 코드입니다.

미리 감사드립니다.

var windowWidth = $(window).width(); 
var n = 1; 
var tc; // here, at the top. 

그런 다음 당신은 당신이 tc의 값을 설정 한 각 위치에 var을 제거해야합니다 : 모든 기능이에 액세스 할 경우

Answer 1

당신은 장소에 tc를 선언해야합니다.

Answer 2

여러 가지가 있습니다. 준비 블록에서

:

당신은 항상 변수 tc를 재 선언

대신 동일한 이름을 가진 두 개의 서로 다른 변수를 이름으로 당신이 혼동 될 것이다 상단

$(document).ready(function ($) { 
    var originalWidth = $(window).width(); 
    var n = 1; 
    var tc = 2; 
    var MAX_WIDTH = 900; 
    [...] 

에 이동해야

함수에서

var originalWidth = $(window).width(); 

:

var currentWidth = $(window).width(); 

정수를 비교하기 위해 '==' 연산자를 사용하는 경우, 수행중인 작업을 모르는 경우가 아니면 '==='을 사용해야합니다. 당신의 상태에

x = "5" 
>>> x == 5 
true 
>>> x === 5 
false 

당신은

난 당신이 '<'을 사용할 수 있음을 믿습니다 ... 항상 첫 번째 조건 내에서 이동합니다,

if(windowWidth >= 900) {} else if (windowWidth <= 900) {} 

무엇 windowWidth = 900의 경우이 또는 '>'