Question

我试图搜索Google并阅读SwipeJS的Github上的几乎所有问题和问题，但我真的找不到解决问题的方法。

SwipeJS：

问题：

我正在尝试使用Anchor Links直接跳转到SwipeJS内容Slider中的特定幻灯片。（HREF = “＃thirdslide”）

这样可行，但问题是SwipeJS现在将新幻灯片视为第一张幻灯片而.prev（）函数不允许我返回。 .next（）函数可以工作，但会继续进入空白幻灯片。

有人知道如何解决这个问题（简单）吗？我对使用Javascript进行编程比较陌生，所以如果这是一个愚蠢的问题，请原谅。

Answer 1

(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>

Answer 2

我实际上遇到了同样的问题。

我正在使用相同的脚本，我试图链接到某些锚链接的特定幻灯片。

是否有人可以发布指向工作演示或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>

Answer 3

没关系，我在onclick事件上有一个愚蠢的错字。就像一个魅力。

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

swipeJS - 使用锚链接的bug

3 个答案: