2013-02-19 34 views
0

我試圖搜索谷歌並閱讀幾乎所有SwipeJS的Github上的問題和問題,但我真的找不到解決我的問題的任何解決方案。swipeJS - 使用錨鏈接的錯誤

SwipeJS:

https://github.com/bradbirdsall/Swipe

問題:

我試圖用錨鏈接直接跳轉到一個SwipeJS內容滑塊特定的幻燈片。 (href =「#thirdslide」)

這可行,但問題是SwipeJS現在將新幻燈片視爲第一張幻燈片,而.prev()函數不允許我返回。 .next()函數可以工作,但會一直進入空白幻燈片。

有沒有人知道我可以如何解決這個問題? 我對JavaScript編程比較新,所以請原諒我,如果這是一個愚蠢的問題。

回答

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

This Works,thank you so so much! – 2013-02-20 09:56:42

0

我實際上有同樣的問題。

我正在使用相同的腳本,我試圖從一些錨鏈接鏈接到特定的幻燈片。

有人可以發佈鏈接到工作演示或JSFiddle嗎?

將不勝感激。

我的HTML是

<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

沒關係,我對onclick事件一個愚蠢的錯字。奇蹟般有效。

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