2013-02-19 2 views
0

Google 검색을 시도하고 SwipeJS의 Github에서 거의 모든 문제 및 문제를 읽으려고했지만 실제로 어떤 문제도 해결할 수 없습니다.swipeJS - 앵커 링크를 사용하는 버그

SwipeJS :

https://github.com/bradbirdsall/Swipe

문제 : 나는 SwipeJS 내용 슬라이더의 특정 슬라이드로 직접 이동할 앵커 링크를 사용하기 위해 노력하고있어

. (href = "# thirdslide")

이 문제는 작동하지만 문제는 SwipeJS가 새 슬라이드를 첫 번째 슬라이드로보고 .prev() 함수를 사용하여 다시 돌아갈 수 없다는 것입니다. .next() 함수는 작동하지만 빈 슬라이드로 계속 이동합니다.

아무도 내가 이것을 고칠 수있는 방법을 알고 있습니까? 자바 스크립트로 프로그래밍하기가 비교적 쉽습니다. 그러니 바보 같은 질문이라면 실례합니다.

답변

0
(function() { 
    // when you click the link w/ a class of 'linkage' 
    $('.linkage').click(function() { 
     // scroll to the DIV w/ an ID of 'three' 
     $.scrollTo('#three', 800, {easing:'swing'}); 
     // highlight the DIV using jQuery UI effect 
     $('#three').effect('highlight', {}, 3000); 
    }); 
}); 

scrollTto가 존재하지 않는다는 오류 메시지를 표시합니다. 제거는 그것을하고 버튼

<a href="#" class="linkage" onclick="slider.slide(3, 100)return false;">Linkage</a> 
+0

이 작품은 정말 고마워! –

0

임 실제로 같은 문제가로 사용.

동일한 스크립트를 사용 중이며 일부 앵커 링크에서 특정 슬라이드로 연결하려고합니다.

누군가가 실용적인 데모 또는 JSFiddle에 대한 링크를 게시 할 수 있습니까?

크게 감사하겠습니다.

내 HTML 나는 onclick 이벤트에 오타가 있었다, 신경 끄시 고

<div id="timeline"> 
      <ul id="dates"> 
     <li class="on">2000</li> 
    <li><a href='#'>2002</a></li> 

    </ul> 


    <div class="swipe" id="slider"> 
     <ul class="swipe-wrap" id="issues"> 
      <li class="slide1" id="2000"> 
       <h1>2000</h1> 

       <p>Donec semper quam scelerisque tortor dictum gravida. In 
       hac habitasse platea dictumst. Nam pulvinar, odio sed 
       rhoncus suscipit, sem diam ultrices mauris, eu consequat 
       purus metus eu velit. Proin metus odio, aliquam eget 
       molestie nec, gravida ut sapien. Phasellus quis est sed 
       turpis sollicitudin venenatis sed eu odio. Praesent eget 
       neque eu eros interdum malesuada non vel leo. Sed fringilla 
       porta ligula.</p> 
      </li> 

      <li class="slide2" id="2002"> 
       <h1>2002</h1> 

       <p>Donec semper quam scelerisque tortor dictum gravida. In 
       hac habitasse platea dictumst. Nam pulvinar, odio sed 
       rhoncus suscipit, sem diam ultrices mauris, eu consequat 
       purus metus eu velit. Proin metus odio, aliquam eget 
       molestie nec, gravida ut sapien. Phasellus quis est sed 
       turpis sollicitudin venenatis sed eu odio. Praesent eget 
       neque eu eros interdum malesuada non vel leo. Sed fringilla 
       porta ligula.</p> 
      </li> 

      <li id="three"> 
       <h1>2005</h1> 

       <p>Donec semper quam scelerisque tortor dictum gravida. In 
       hac habitasse platea dictumst. Nam pulvinar, odio sed 
       rhoncus suscipit, sem diam ultrices mauris, eu consequat 
       purus metus eu velit. Proin metus odio, aliquam eget 
       molestie nec, gravida ut sapien. Phasellus quis est sed 
       turpis sollicitudin venenatis sed eu odio. Praesent eget 
       neque eu eros interdum malesuada non vel leo. Sed fringilla 
       porta ligula.</p> 
      </li> 
     </ul> 
     </div> 
    </div> 
0

입니다. 매력처럼 작동합니다.

 <li><a href="#" onclick='slider.slide(1,300);return false;'>2002</a></li> 
관련 문제