제 블로그 메인의 하단과 우측의 최근 댓글과 최근글 등을 표시해 주는 영역은 탭을 이용해서 각 내용을 볼 수 있는 UI로 되어 있습니다.
이건 jQuery 의 ui.tabs.js 플러그인을 이용해서 만든 것인데요.
이게, 워드프레스에 적용하려니 잘 안되더군요. 그래서 알아봤더니 워프에서 prototype 라이브러리를 사용하고 있어서 그렇더군요. (기본적인건지 플러그인 때문인지는 모르겠습니다) prototype 이 jquery 의 $(..) 기능을 무효화 시켜서 그런거라고 합니다. (자기가 쓰니까요)
해결법은 다음과 같습니다.
JAVASCRIPT
-
<head>
-
<script src="prototype.js"></script>
-
<script src="jquery.js"></script>
-
<script>
-
jQuery(document).ready(function(){
-
jQuery('#tabs').tabs();
-
});
-
</script>
-
</head>
즉, 간단하게 jQuery 를 사용할 때는 $(..) 대신 jQuery 를 사용하시면 되겠습니다.
(prototype 을 사용할 때는 하던대로 $(..)로 해 주시면 됩니다)
간만의 코딩 팁. 도움이 되셨으면 좋겠네요. ^_^;
+ 워드프레스가 2.8이 되서어 업데이트를 했습니다. 플러그인이 몇 개 안돌아가는군요;; 특히 캐시 플러그인이 안돌아가서 좀 난감하긴 한데, 그래도 캐시플러그인이 안돌아가는데도 아주 느려지지는 않는군요. 확실히 DB 성능이 조금 향상된 것 같네요. ^^
Comments (3 Responses)
좋은 정보 고맙습니다. 오랜만에 뵙습니다.
‘공동(동시) 나눔” 이벤트를 기획 중인데요.
와서 읽어보시고, 가능하시면 동참을 부탁드립니다~~
같은 코드이긴 한데.. 덧붙이자면 보통은 이렇게들 많이 쓰더라구요.
(function($) {
$(document).ready(function(){
$(‘#tabs’).tabs();
});
})(jQuery);
이렇게 하시면 매번 jQuery라고 하지 않으셔도
평소 하던대로 $라고 써주시면 되요.
정리하면 포인트는..
(function($) {
//jquery 코드..
})(jQuery);
요렇게 감싸주기;
강철심장 / 이렇게 하면 워프 플러그인들 중에서 작동 안하는게 혹시 있을까 해서요.^^;
Live reply