0

私はGoogleを検索して、SwipeJSのGithubでほとんどすべての問題と問題を読み込もうとしましたが、実際には問題の解決策を見つけることができません。

SwipeJS：

https://github.com/bradbirdsall/Swipe

問題：

アンカーリンクを使用して、SwipeJSコンテンツスライダーの特定のスライドに直接ジャンプしようとしています。（href = "＃thirdslide"）

これは機能しますが、問題は、SwipeJSが新しいスライドを最初のスライドと見なし、.prev（）関数が戻ることを許可しないことです。.next（）関数は機能しますが、空白のスライドに入り続けます。

誰かが私がこれを修正する方法を知っていますか（簡単）？私はJavascriptを使ったプログラミングに比較的慣れていないので、それがばかげた質問であるなら失礼します。

4

3 に答える 3

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>
于 2013-02-20T09:39:33.310 に答える
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>
于 2013-03-18T20:58:46.130 に答える
0

気にしないでください、私はonclickイベントでばかげたタイプミスをしました。チャームのように機能します。

      <li><a href="#" onclick='slider.slide(1,300);return false;'>2002</a></li>
于 2013-03-19T14:08:29.563 に答える