2014-07-15 4 views
0

jquery 중간 점 (sticky plugin)을 초기화하기 위해 발생하는 모든 작업을 수행했지만 포함되지 않은 jquery, waypoints 및 waypoints-sticky가 있으며 작동하지 않습니다. 기능 : enter image description here enter image description hereJquery Waypoints .sticky 메서드

$('.my-element').waypoint('sticky'); 

그러나, 콘솔 ("스티키 방법 jQuery를 중간 지점에 존재하지 않는다.")을 읽

enter image description here

내가 무엇을 놓칠 수 있나? 온라인으로 나에게 전혀 아이디어가 주어지지 않습니다. 귀하의 의견을 보내 주셔서 감사합니다!

+0

waypoints-sticky 파일을로드 한 후 코드 스 니펫이 실행되고 있습니까? –

+0

안녕하세요 @JeffKoch 잘 사용하고있는 코드는 waypoints-sticky.js 뒤에 포함되어 있습니다. 설명하기 위해 위의 스크린 샷을 업데이트했습니다. 내가 누락 될 수있는 건 없니? 브라우저가 웨이 포인트 파일을 완전히 읽지 않아서 다른 파일이로드되기 전에 표시 될 수 있습니까? –

+0

전적으로 가능합니다 - 아래 답변을 참조하십시오 –

답변

0

코드가 실행되기 전에 모든 것이로드되는지 확인하십시오. 그래서처럼 $ (문서) .ready() 호출에 코드를 포장하십시오 :

동등하게
$(document).ready(function() { 
    $('.my-element').waypoint('sticky'); 
}); 

, 그리고 약간 더 간결을 :

$(function() { 
    $('.my-element').waypoint('sticky'); 
}); 
+0

감사합니다. 그러나 불행히도 이것은 여전히 ​​나를 위해 작동하지 않습니다. 웨이 포인트 기능로드에 지연을 두어야합니까? –

+0

[jsFiddle] (http://jsfiddle.net/) 또는 그와 유사한 예를 게시 할 수 있습니까? –

+0

것은 내가 프로토 타입 소프트웨어를 사용하고 자바 스크립트를 퍼팅하고있다. 모든 것이 로딩되어서 이상하게 작동하지 않는다. 문제없이 다른 js 플러그인을 사용했습니다 (skrollr 등). –

1

이 바로 가기는 jQuery를이 중간 지점의 구축이 필요합니다.

먼저 기본 Waypoints 스크립트 다음에 바로 가기 스크립트를 포함하십시오.

<script src="/path/to/lib/jquery.waypoints.min.js"></script> 
<script src="/path/to/shortcuts/sticky.min.js"></script> 

var sticky = new Waypoint.Sticky({ 
    element: $('.basic-sticky-example')[0] 
}) 

http://imakewebthings.com/waypoints/shortcuts/sticky-elements/을 보았습니까?