stellar.js를 사용하여 기본 시차가 작동하지 않음

Question

저는 몇 시간 동안 정말 간단한 해결책을 찾아 내려고 노력했습니다.하지만 벽에 머리를 대고 여기 누군가가 내가 무엇인지 알아낼 수 있기를 바랍니다. 있어야 할 곳에 없는.

추천 이미지 슬라이더를 만들려고하면 시차 효과가 발생합니다 (this과 유사). 이것은 (내가 플러그인 사용자 정의 필드를 내가 페이지의 나머지 부분보다 느린 스크롤 할 이미지 슬라이더를 사용하고있다

<script src="<?php echo get_stylesheet_directory_uri(); ?>/javascripts/jquery.stellar.min.js"></script> 
<script> 
$(function() { 
    $.stellar(); 
}); 
</script> 

그 ... 다음과 같이 내 헤더에 별 스크립트를 호출했습니다

<div class="featured-slider parallax" data-stellar-background-ratio="0.5"><?php the_field('featured_slider'); ?></div> 

을 그리고 여기에 내가 요소에 추가 한 유일한 CSS의 : 당신은 무엇을)이 호출되는 볼 뭔가 더 내가 일을해야이

.parallax { 
    position: relative; 
} 

있습니까? 나는 명백한 것을 놓치고 있는가?

Here's the page where I'm trying to do this.

Answer 1

이 페이지에 당신이 JQuery와 전에 별의 스크립트 태그를 추가하는 것 같습니다. Jquery, stellar, 특별한 스크립트가되도록 주문해야합니다. 당신이하고있는 다른 모든 것들이 옳았다.

//script tag for jquery 
//script tag for stellar 
//your script with stellar stuff. 

또한 Wordpress는 $을 좋아하지 않을 수도 있습니다. 대신 별과 문서 준비를 초기화하려면 jQuery을 사용하십시오.