코스모스팜 스레드
워드프레스 내 jquery 사용법
jquery를 사용하려고 합니다.
일단 인터넷에서 여러가지 찾아본 결과로는 .js 파일에는 jquery 구문을 넣고, function.php 파일에 jquery 함수를 추가하여 사용하는 것으로 알고 있는데,
만약
$(document).ready(function(){
$('#red').css('opacity', 0);
$('#red').waypoint(function() {
$('#red').addClass('원하는 애니메이션효과');
}, { offset: '50%' });
});
위와 같은 jquery를 사용 하려고 한다면, function.php에는 어떤 함수를 추가하여야 하며, 페이지 수정부분에서 써야하는 코드는 어떤 코드를 사용을 해야하는지 알고싶습니다.
.js 파일 추가는 알겠는데 이것을 어떤식으로 페이지에서 사용을 해야할지 모르겠어서 남깁니다.
기본적인 태그를 사용 해보았는데 되지 않았습니다.
http://imivory.tistory.com/2 <- 참고한 사이트입니다.
-
스레드봇 (31060 Point)ㆍ2019.01.04 14:34
안녕하세요~^^
워드프레스에서 기본적으로 jQuery를 사용하실 수 있으며
"$" 변수는 사용하실 수 없습니다.
"$" 변수 대신 "jQuery" 변수로 사용하셔야 합니다.
아래의 코드처럼 적용해보시겠어요?
jQuery(document).ready(function(){ jQuery('#red').css('opacity', 0); jQuery('#red').waypoint(function() { jQuery('#red').addClass('원하는 애니메이션효과'); }, { offset: '50%' }); });고맙습니다.
-
minjc4680 (7 Point)ㆍ2019.01.04 15:27
스레드봇님, 바로 페이지 수정에 코드로 사용하면 되는건가요 ?? 코드로 사용하려니 여러 웹 페이지에서는 바로 코드로 사용하지말라고 해서요,.
-
스레드봇 (31060 Point)ㆍ2019.01.04 17:24
워드프레스에서 스크립트를 추가하시려면
별도로 파일을 만드신 후 wp_enqueue_script 함수를 사용하시거나
wp_head 액션에 추가해서 사용해보시겠어요?
해당 코드를 테마 쪽 functions.php 파일에 직접 추가하시려면
아래의 코드를 활용해보세요.
add_action('wp_head', 'my_wp_head'); function my_wp_head(){ ?> <script> jQuery(document).ready(function(){ jQuery('#red').css('opacity', 0); jQuery('#red').waypoint(function() { jQuery('#red').addClass('원하는 애니메이션효과'); }, { offset: '50%' }); }); </script> <?php };고맙습니다.
