워드프레스에서 jQuery 가 안먹을 때 해결법

Jun 12

골빈해커워드프레스, 프로그래밍 , , 3 Comments

제 블로그 메인의 하단과 우측의 최근 댓글과 최근글 등을 표시해 주는 영역은 탭을 이용해서 각 내용을 볼 수 있는 UI로 되어 있습니다.

이건 jQuery 의 ui.tabs.js 플러그인을 이용해서 만든 것인데요.

이게, 워드프레스에 적용하려니 잘 안되더군요. 그래서 알아봤더니 워프에서 prototype 라이브러리를 사용하고 있어서 그렇더군요. (기본적인건지 플러그인 때문인지는 모르겠습니다) prototype 이 jquery 의 $(..) 기능을 무효화 시켜서 그런거라고 합니다. (자기가 쓰니까요)

해결법은 다음과 같습니다.

JAVASCRIPT [Show Plain Code]:
  1. <head>
  2.     <script src="prototype.js"></script> 
  3.     <script src="jquery.js"></script> 
  4.     <script>
  5.         jQuery(document).ready(function(){ 
  6.             jQuery('#tabs').tabs();
  7.         });
  8.     </script> 
  9. </head>

즉, 간단하게 jQuery 를 사용할 때는 $(..) 대신 jQuery 를 사용하시면 되겠습니다.
(prototype 을 사용할 때는 하던대로 $(..)로 해 주시면 됩니다)

간만의 코딩 팁. 도움이 되셨으면 좋겠네요. ^_^;

+ 워드프레스가 2.8이 되서어 업데이트를 했습니다. 플러그인이 몇 개 안돌아가는군요;; 특히 캐시 플러그인이 안돌아가서 좀 난감하긴 한데, 그래도 캐시플러그인이 안돌아가는데도 아주 느려지지는 않는군요. 확실히 DB 성능이 조금 향상된 것 같네요. ^^