2016-09-01 7 views
1
내가 $를 사용하고 때 콘솔에서 오류를 받고 있어요

(창) .resize()jQuery를 창 크기 조정 오류

나는 무슨 일이 일어나고 있는지 설명하기 위해 펜을 만든 : http://codepen.io/anon/pen/LRYGxK?editors=1111

var bg = $('.inner'); 
$(window).resize('resizeBackground'); 

function resizeBackground() { 
    bg.height($(window).height() + 60); 
    console.log(bg.height()); 
} 
resizeBackground(); 

I 콘솔 얻을 오류 :

는 처리되지 않는 형식 오류 (. (n.event.special는 [g.origType] || (중간 값)) || 처리 g.handler)는 .apply 아니다 함수

Not su 내가 정직하게 잘못 가고있는 곳.

답변

0

귀하의 문제는이

('resizeBackground') 

만큼 간단 문자열을 통과 -

그냥 기능을 통과

(resizeBackground) 

여기를 참조하십시오 : http://codepen.io/alexjamesbrown/pen/yaLZzj

전체 예를

var bg = $('.inner'); 
$(window).resize(resizeBackground); 

function resizeBackground() { 
    bg.height($(window).height() + 60); 
    console.log(bg.height()); 
} 
resizeBackground(); 

을 단순화하기 위해, 당신이 시도 할 수 :

http://codepen.io/alexjamesbrown/pen/pEogAL

var bg = $('.inner'); 
$(window).resize(function(){ 
    bg.height($(window).height() + 60); 
    console.log(bg.height()); 
}); 
1

당신이 크기 조정 창에 아래처럼 resizeBackground 함수를 호출 할 수 있습니다.

$(window).resize(function resizeBackground() { 
    bg.height($(window).height() + 60); 
    console.log(bg.height()); 
}); 

데모 작업 : - 기능 (이벤트 eventObject)가 link

0

$ (창) .resize() 호출 핸들러 함수가 필요합니다.

처럼 그것을 사용하는

$(window).resize(function(){ 
    resizeBackground(); 
}); 

https://api.jquery.com/resize/

0

어떤 코드 bofore 같은 것을 시도하는 방법에 대한 :

var bg = $('.inner'); 
 

 
// If you want that in load (just for explanation) 
 
$(document).ready(function() { 
 
    resizeBackground(); 
 
}); 
 
// On window resize 
 
$(window).resize(function() { 
 
    resizeBackground(); 
 
}); 
 

 
// Generic function, called by the callbacks.. 
 
function resizeBackground() { 
 
    bg.height($(window).height() + 60); 
 
    console.log(bg.height()); 
 
}
<script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script> 
 

 
<div class="inner"></div>

당신은 당신이 만들어 호출하는이 방법 장난 그 안에 ".resize()"콜백 구문이 있습니다.

공식 jQuery 크기 조정 문서에서 자세한 내용을 확인할 수 있습니다. https://api.jquery.com/resize/