2012-07-16 2 views
0

이 사용 사례를 접했습니다 : 여러 템플릿 파일에는 브라우저 크기 조정을 처리 할 자체 JavaScript 코드가 있습니다. 그래서JQuery - 기존 이벤트 핸들러에 새로운 기능을 추가하는 방법은 무엇입니까?

header.jsp - alert('foo') when browser resizes 

body.jsp - alert('bar') when browser resizes 

When header/body.jsp are rendered into one page: 

alert('foo') then alert('bar') when browser resizes. 

: 나는, 렌더링 결과, 모든 템플릿은 자바 스크립트 (C 번호의 이벤트 처리기 기능과 유사) 템플릿 예를 들어

각각 정의하여 브라우저 크기 조절 이벤트를 처리 할 것을 바랍니다 지금까지 JQuery가이 유스 케이스를 어떻게 지원할 수 있는지 보지 못했다. 내 생각은 실현 가능한가?

감사합니다.

+0

'jsp' : JQuery와 당신이 사용할 수 있습니까? 자바 서버 페이지 에서처럼? 그래서 모든 크기 변경시 서버에서 헤더/본문을 다시 가져 오시겠습니까? – poncha

+0

내 잘못, 그래서 내가 명확하게 설명하지 않았다 .. 편집 질문 –

답변

0

자바 스크립트는 .js 파일이 아니라 .jsp 파일입니다.

하지만 들어야하는 이벤트는 resize 이벤트입니다.

$(document).resize(function() { 
    //whatever 
    alert('foo'); 
}); 

또는

$(document).on('resize', function() { 
    //whatever 
    alert('bar'); 
}); 
+0

고마워. 나는 이미 그것을했고 문제는 t1.jsp에서 $ (document) .resize (func)에 전달 된 함수가 t2.jsp에서 $ (document) .resize (func2)에 의해 덮어 쓰여진다는 것이다. 크기를 조정할 때 func와 func2가 모두 실행되기를 바랍니다. –

+1

그건 이상합니다. 나 자신은 다른 .js 파일에서 resize eventhandler를 사용하며 작동한다. – WolvDev

+0

그게 내 html로 다른 문제를 나타낼 수 있습니다, 나는 다른 장소를 확인합니다. 도와 줘서 고마워. –

관련 문제