XpressEngine에 관련 내용에 대해서 이야기 합니다.
글 수 193
XE는 기본적으로 jQuery 라이브러리가 탑재되어 있다는 말이 뭔가요?
jQuery 사이트에 있는 코드를 사용할 때 일반적으로 html을 할 때에는 jQuery 라이브러리인 js 파일을 따로 삽입한 뒤에
스크립트 코드를 적어야 작동하는데 반해
XE 레이아웃이나 위젯 스킨 등에서는 jQuery 라이브러리 스크립트 파일을 따로 삽입하지 않아도
그냥 jQuery 스크립트 코드를 적으면 작동이 된다는 말인가요?;
그런데 제가 아래 올린 마우스오버 드롭다운 메뉴 같은 경우는 jQuery-latest.js 라는 파일을 레이아웃스킨에 따로 적어놓지 않으면 작동이 안되더라고요.
이건 무슨 경우인가요?;
lastest라는 파일명을 보면 jQuery 라이브러리에도 버전이 있어서 XE에 탑재한 것이 최신 버전이 아니라서
제가 사용한 jQuery 스크립트가 최신 라이브러리에만 있는 것이라서 작동이 안된 것인가요? ^^;
낙훈
- 2009.02.12
- 10:15:20
- (*.224.45.122)
감사합니다. 우선 여쭙고 싶은 게 있는데요, 제가 jquery.com에서 jquery-latest.js 라는 파일을 다운 받았습니다. 이게 jQuery 라이브러리 파일이죠?
이걸 라르게덴님이 말씀하시는대로 common/js 폴더에 가보니 jquery.js 파일이 있더라고요. 이것도 다운받은 파일을 대체했습니다..
원래 레이아웃 스킨에 보면 jquery-latest.js 파일을 삽입하면 작동이 되길래, 마찬가지 레이아웃에서 삽입을 시키지 않고,
common/js/jquery.js 파일과 이 jquery-latest.js 파일을 대체시키면 작동이 되지 않을까 싶어서 대체해봤는데도
작동이 안되더라고요... 이것도 역시 기본 프레임웍에 없는 기능이라서 그런 건가요? 저는 js파일만 대체해주면 되는지 알았거든요. ^^a;;
그리고 반대로 jquery-latest.js 파일만 삽입시키고, common/js/jquery.js 파일을 빼버려도 작동이 되는지 알았는데
이렇게 XE 기본 js 파일은 빼면 또 작동이 안되고, common/js/jquery.js 파일이 있는 기본에서 jquery-latest.js 파일이 있어야지 작동하더라고요. -_-;
jquery.js 파일을 보면 상단에 이런 문구가 있었고,
/*
* jQuery 1.2.6 - New Wave Javascript
*
* Copyright (c) 2008 John Resig (jquery.com)
* Dual licensed under the MIT (MIT-LICENSE.txt)
* and GPL (GPL-LICENSE.txt) licenses.
*
* $Date: 2008-05-24 14:22:17 -0400 (Sat, 24 May 2008) $
* $Rev: 5685 $
*/
jquery-latest.js 파일의 상단에는
/*!
* jQuery JavaScript Library v1.3.1
* http://jquery.com/
*
* Copyright (c) 2009 John Resig
* Dual licensed under the MIT and GPL licenses.
* http://docs.jquery.com/License
*
* Date: 2009-01-21 20:42:16 -0500 (Wed, 21 Jan 2009)
* Revision: 6158
*/
이런 문구가 있길래 똑같은 jquery 라이브러리 파일인지 알았는데
뭔가가... 다른 건가 보네요.. ^^a;;
이걸 라르게덴님이 말씀하시는대로 common/js 폴더에 가보니 jquery.js 파일이 있더라고요. 이것도 다운받은 파일을 대체했습니다..
원래 레이아웃 스킨에 보면 jquery-latest.js 파일을 삽입하면 작동이 되길래, 마찬가지 레이아웃에서 삽입을 시키지 않고,
common/js/jquery.js 파일과 이 jquery-latest.js 파일을 대체시키면 작동이 되지 않을까 싶어서 대체해봤는데도
작동이 안되더라고요... 이것도 역시 기본 프레임웍에 없는 기능이라서 그런 건가요? 저는 js파일만 대체해주면 되는지 알았거든요. ^^a;;
그리고 반대로 jquery-latest.js 파일만 삽입시키고, common/js/jquery.js 파일을 빼버려도 작동이 되는지 알았는데
이렇게 XE 기본 js 파일은 빼면 또 작동이 안되고, common/js/jquery.js 파일이 있는 기본에서 jquery-latest.js 파일이 있어야지 작동하더라고요. -_-;
jquery.js 파일을 보면 상단에 이런 문구가 있었고,
/*
* jQuery 1.2.6 - New Wave Javascript
*
* Copyright (c) 2008 John Resig (jquery.com)
* Dual licensed under the MIT (MIT-LICENSE.txt)
* and GPL (GPL-LICENSE.txt) licenses.
*
* $Date: 2008-05-24 14:22:17 -0400 (Sat, 24 May 2008) $
* $Rev: 5685 $
*/
jquery-latest.js 파일의 상단에는
/*!
* jQuery JavaScript Library v1.3.1
* http://jquery.com/
*
* Copyright (c) 2009 John Resig
* Dual licensed under the MIT and GPL licenses.
* http://docs.jquery.com/License
*
* Date: 2009-01-21 20:42:16 -0500 (Wed, 21 Jan 2009)
* Revision: 6158
*/
이런 문구가 있길래 똑같은 jquery 라이브러리 파일인지 알았는데
뭔가가... 다른 건가 보네요.. ^^a;;
라르게덴
- 2009.02.12
- 12:03:11
- (*.234.236.247)
대체는 하시면 안 됩니다. 이미 XE가 관리자 페이지부터 필요 요소로써 많이 위 모델로 사용하였기 때문입니다.
최신 버젼과의 호환성은 XE가 아직 선택하지 않았기 때문에 최신버젼 사용은 가급적 피해 주시고요.
$() 이 함수 호출이 문제가 될 수 있습니다.
다른 함수와 충돌이 나는 경우(예 : prototype framework)에 해당 함수는 단독 실행을 할 경우 실행이 안 되시고.
대신에
(function($){
스크립트 내용
})(jQuery);
이런 식으로 스크립트 위,아래를 감싸주시면 충돌을 피하여 실행시키실 수 있습니다.
ps : jQuery는 기본적으로 함수 충돌이나 잘못된 처리를 하더라고 파폭 처럼 스크립트 오류를 내보내지 않도록 조치 되어있습니다.
IE에서 스크립트 오류나면 표시나지만 실제 jQuery는 IE에서 조차 오류에 대해 표시되지 않습니다.
다만, 없는 함수, 본인이 만든 잘못 된 변수, 프로그래밍 처리에 대해서는 오류를 내보냅니다.
최신 버젼과의 호환성은 XE가 아직 선택하지 않았기 때문에 최신버젼 사용은 가급적 피해 주시고요.
$() 이 함수 호출이 문제가 될 수 있습니다.
다른 함수와 충돌이 나는 경우(예 : prototype framework)에 해당 함수는 단독 실행을 할 경우 실행이 안 되시고.
대신에
(function($){
스크립트 내용
})(jQuery);
이런 식으로 스크립트 위,아래를 감싸주시면 충돌을 피하여 실행시키실 수 있습니다.
ps : jQuery는 기본적으로 함수 충돌이나 잘못된 처리를 하더라고 파폭 처럼 스크립트 오류를 내보내지 않도록 조치 되어있습니다.
IE에서 스크립트 오류나면 표시나지만 실제 jQuery는 IE에서 조차 오류에 대해 표시되지 않습니다.
다만, 없는 함수, 본인이 만든 잘못 된 변수, 프로그래밍 처리에 대해서는 오류를 내보냅니다.
이미 선언되는거죠. 그리고 x 프레임웍도 설치되어 있습니다.
다만, 선언을 하시고 안되시는 것은 jQuery의 기본 프레임웍에 없는 기능이라서 그렇고요.
실예로 제 스킨의 경우 또한 cookie라든가, 메뉴 네비게이션을 위한 움직임표현 등은 별도 라이브러리를 등록하고 사용합니다.
그 라이브러리들이 해당 프레임웍의 내용을 빌려서 만들어낸 2차 프레임웍이 되겠네요.
그리고 우리가 실제로 표현용으로 짤때 사용하는걸 그것을 이용한 실행문이 되는거죠.