2013-11-20 2 views
0

jpreloader를 HTML 페이지에 사용하고 사전로드 한 후에 사이드 바 (이동/이동) 및 내용 (페이드 인/아웃)에 애니메이션을 적용합니다.wordpress에 jpreloader를 통합하는 방법

블로그의 일부로 내 웹 사이트에 WP를 통합했으며 동일한 블로그를 사용하고 싶습니다. WP 블로그의 홈 ​​페이지를 미리로드하고 사이드 바 (#secondary div)를 가져 와서 페이드 인/아웃합니다. 나머지는 (#primary div).

나는 twentyeleven 자식 테마와 WP (3.7.1)의 마지막 버전을 사용합니다. 내 블로그 페이지 : http://webdesign.igorlaszlo.com/blog/

전에 header.php에서 jquery 파일과 프리 로더 스크립트를 연결했습니다. 태그 앞에 footer.php에서 스크립트를 호출하고 사이드 바 및 내용을 애니메이션으로 표시했습니다.

저는 WP에서는 작동하지 않지만 (내 웹 사이트의 다른 부분에서는 정상적인 html 페이지에서 잘 작동합니다). 그래서, 내가 여기 (Integrating JPreloader in wordpress) 기사를 읽고 너무 내 functions.php에 두 줄을 추가 :

wp_register_script('jPreloader', get_template_directory_uri() . '/js/jpreloader.js', 'jquery', null, true); 
wp_enqueue_script('jPreloader'); 
그것은 하나 그것은 작동하지 않습니다

...

누군가가 내가 잘못 할 무엇을 알고 있나요?

답변

0

그래서, 더 많은 문제가 있었다 그가 말했던 것처럼 (나는 그것을 증명할 수 없다) 나의 라인을 바꿨다.

2) 바닥 글에 모든 코드를 추가했습니다. 먼저 jquery .js 파일을 호출 한 다음 프리 로더 .js 파일과 코드를 호출했습니다.

3) 그런 다음 작업을 시작했지만 미리로드가 완료되지 않고 "TypeError : jQuery.easing [jQuery.easing.def]가 함수가 아닙니다."오류가 발생했습니다. 내가 아는 한 일부 포럼에서 (이미 이미 비슷한 문제가 있었음) WordPress는 jquery 파일과 함께 제공되어 다른 플러그인의 jquery와 충돌을 일으켰습니다./wp-includes/js/jquery/폴더를 삭제하면 사용할 수 있습니다. 내 자신의 jquery 파일 ... 참고 : 폴더를 삭제하지 않으려는 경우 "$"또는 "jQuery"를 "jq"로 변경하려고 할 수 있습니다 (WP 기본 jquery 사용).

0

아동용 테마에 get_template_directory_uri을 사용하고 있습니다.

1) 어쩌면 maiorano84의 대답은 내가 때문에 도움 : 분과에서이에

In the event a child theme is being used, the parent theme directory URI will be returned, get_template_directory_uri() should be used for resources that are not intended to be included in/over-ridden by a child theme. Use get_stylesheet_directory_uri() to include resources that are intended to be included in/over-ridden by the Child Theme.

변경이 : 누군가가 비슷한 답이 일을해야합니다 경우

wp_register_script('jPreloader', get_stylesheet_directory_uri() . '/js/jpreloader.js', 'jquery', null, true); 
wp_enqueue_script('jPreloader'); 
+0

답장을 보내 주셔서 감사합니다. 말씀 드린대로 줄 바꿈을했는데 아무 일도 일어나지 않았습니다 ... –

관련 문제