코스모스팜 스레드
워드프레스 post 나 page 안에서 jQuery를 사용하는 방법 문의
안녕하세요? 스레드봇님^^
다름이 아니라 워드프레스 post 나 jQuery를 직접 코딩해서 넣으려고 하는데
작동인 안됩니다. 코딩은 text 모드에서 했구요.
간단한 예로 <h2> 태그를 클릭하면, <h2> 태그가 빨간색으로 바뀌는 내용입니다.
코딩은 아래와 같이 적었습니다.
<script type="text/javascript">
$(document).ready(function() {
$("h2").click(function() {
$("h2").css({ "color" : "red" });
});
});
</script>
위에 코딩이 문제가 아니고, 워드프레스 post나 page에서 사용할 때는
뭔가 다른 사용법이 있는 것 같습니다.
제가 궁금해하는 내용에 답변을 주시면 참으로 고맙겠습니다.
좋은 하루 되세요^^
-
스레드봇 (31015 Point)ㆍ2014.02.17 20:54
우선 소스보기로 jQuery가 추가 되어 있는지 확인 해보세요.
그리고 워드프레스에서 "$" 변수는 사용하실 수 없습니다.
"$" 변수 대신 "jQuery" 변수로 사용하셔야 합니다.
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery("h2").click(function() {
jQuery("h2").css({ "color" : "red" });
});
});
</script>
또는 아래처럼 해주셔도 됩니다.
<script type="text/javascript">
jQuery(document).ready(function($) {
$("h2").click(function() {
$("h2").css({ "color" : "red" });
});
});
</script>
