묻고답하기
jQuery 의 $() 사용불가 상황에서 ready() 메소드 사용 질문
2010.05.28 18:28
XE에서 jQuery의 $() 함수를 사용할 수 없도록 하였더군요
commom/js/common.js
/* jQuery 참조변수($) 제거 */
if(jQuery) jQuery.noConflict();
그래서 레이아웃 파일에서 import 로 자바스크립트 파일을 끌어 왔습니다.
<!--%import("js/jquery.xxx.js")-->
<!--%import("js/jquery.xxx.run.js")-->jquery.xxx.run.js 의 파일 내용은 다음과 같이 했었지만 위에 언급한 설정으로 오류가 발생해
$().ready(function() {
$('.abcde').abcde({
max : 200,
duration: 800,
easing: 'easeOutQuint'
});
});요렇게 수정했는데요. 좀 처럼 안됩니다.
jQuery(document).ready(function($) {
$('.abcde').abcde({
max : 200,
duration: 800,
easing: 'easeOutQuint'
});
});
조언이나 문제점을 알려주세요
추가-----------
(function($){
$(document).ready(function(){
$('.abcde').abcde({
max : 200,
duration : 800,
easing : 'easeOutQuint'
});
});
})(jQuery);
SMaker 님의 말씀데로 이렇게 수정하였으나 같은 증상입니다.
혹시나해서 요렇게 해보았습니다.
(function($){
$(document).ready(function(){
alert("창");
});
})(jQuery);정상적으로 alert 창이 열렸습니다.
이부분이 문제가 되는것 같은데요..
(function($){
$(document).ready(function(){
$('.abcde').abcde({ //☆
max : 200,
duration : 800,
easing : 'easeOutQuint'
});
});
})(jQuery);
레이아웃 파일에는 이렇게 코딩되어 있습니다.
<ul class="abcde" > <li id="abcde_1"></li> <li id="abcde_2"></li> <li id="abcde_3"></li> <li id="abcde_4"></li> </ul>
참고로 같은 구조의 파일로 로컬에서 테스트해보면 정상작동 됩니다.
댓글 1
-
SMaker
2010.05.28 18:55
-
향유고래
2010.05.28 19:08
네. 혹시나 해서 이렇게 저렇게 하고는 있는데 SMaker님의 말씀처럼 함수선언이 아니라 ready 메소드를 포함해서 페이지 로딩완료시 실행해야 하는 부분이라 .... -
SMaker
2010.05.28 19:28
위 코드는 함수 선언이 아닙니다. -
향유고래
2010.05.28 20:16
앗, 제가 코드를 잘못 봤습니다. 말씀주신데로 해보아도 같은 증상입니다. 페이지오류 메세지는 "메시지: 개체가 이 속성 또는 메서드를 지원하지 않습니다." 이구요 -
SMaker
2010.05.29 18:53
jquery 플러그인의 문제가 아닐까요? Optimizer를 끄시고 스크립트 에러가 어디서 나오는 지 확인해 보세요.
이렇게 하셔도 안되나요?
(function($){ $(document).ready(function(){ $('+ '+ '.abcde').abcde({ max : 200, duration : 800, easing : 'easeOutQuint' }); }); })(jQuery);