2014-02-10 2 views
2

6 시간 동안 계속해서 싸워 왔지만 여전히 작동하지 않습니다. T3 프레임 워크 v 2.1.0과 Joomla 2.5를 부트 스트랩 3와 함께 사용했습니다.jQuery 웨이 포인트를 사용할 수 없습니다.

이 플러그인을 사용하면 실제로 개발자가 사이트에 표시되는 내용을 달성하기를 원하거나 쉬운 작업을 수행하지 않아도됩니다. 문서

<script src="/path/to/js/jquery-1.8.3.js" type="text/javascript"></script> 
<script src="/path/to/js/waypoints-sticky.min.js" type="text/javascript"></script> 
<script src="/path/to/js/waypoints.min.js" type="text/javascript"></script> 

마크 업에서 말했듯이 다음과 같이 http://imakewebthings.com/jquery-waypoints/shortcuts/sticky-elements/

은 처음에는 코드를 포함 :

내가 가진 CSS에서

this, function($) { 
    var defaults, wrap; 
    defaults = { 
     wrapper: '<div class="wrapper" />', 
     stuckClass: 'stuck' 
    }; 

:

.sticky{ 
    width: 25%; 
} 
.wrapper{ 
    display: block; 
} 
.stuck{ 
    position: fixed; 
    top: 0; 
} 

하지만 내가 할 수있는

<div class="wrapper"> 
    <div class="itemIWantToStick"></div> 
</div> 

그럼 내가 코드를받은 waypoints-sticky.js에서 코드

<script type="text/javascript"> 
$(document).ready(function() { 
    $('.itemIWantToStick').waypoint('sticky'); 
}); 
</script> 

추가 작동시키지 마라. 어쩌면 jQuery 라이브러리가 기본적으로 Joomla 및 T3 항목에있는 라이브러리와 충돌합니까? 주제에 관한 모든 질문을 읽고 웹을 탐색했지만 여전히 해결할 수 없었습니다.

아마도 나는 뭔가를 놓치고 있습니다. 내가 JS를 탐험하기 위해 눈을 뜬다. 너는 그에게 잘못된 점을 말해 주실 수 있겠습니까? 도움이 많이 부탁드립니다.

P. 나는 또한 Here의 데이터를 사용하려고 시도 했으므로 모든 것이 바뀌었고 나의 물건이 예제와 일치했다. 또한 dev의 사이트에서 데이터 및 설정을 사용하려고 시도 - 여전히 희망.

답변

0

이처럼 waypoints-sticky.js 내부에 직접 defaults를 추가하려고 :

$('.itemIWantToStick').waypoint('sticky', { 
    wrapper: '<div class="wrapper" />', 
    stuckClass: 'stuck' 
}); 
+0

전혀 변화가 없습니다. 내가 찌르기를 원하는 항목에 대한 클래스조차 만들지 않습니다. – cameraobscura

1

당신은 끈적 확장 이전 waypoints.js을 포함해야합니다. 게시물이 정확하다면 끈적한 바로 가기가 먼저 포함되어 있음을 보여줍니다.

관련 문제