Question

我正在尝试使用AnySlider（http://jwilsson.github.io/AnySlider/）和文本链接来调用特定幻灯片。不幸的是，我无法使用此API函数：

 var slider = $("#slider").data('anyslider');
 slider.goTo(3);

这是代码的其余部分。谢谢你的帮助！

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/jquery.anyslider.js"></script>
<script>
$(function () {
  $('.slider').anyslider({
        animation: 'slide',
        interval: 10000,
        reverse: false,
        showControls: true,
        startSlide: 1,
        showBullets: false,
        speed: 800 
   });
});

</script>
 </head>

 <body>

<div class="slider">
    <div>
         <img src="1.jpg" width="500" /><p><br />Slide 1</p>
    </div>

    <div>
         <img src="2.jpg" width="500" /><p><br />Slide 2</p>
    </div>

    <div>
         <img src="3.jpg" width="500" /><p><br />Slide 3</p>
    </div>
</div>

<div class="content" id="content">

 <a href="#" onclick="javascipt: var slider = $("#slider").data('anyslider'); slider.goTo(2); "><strong>Slide 2</strong></a> 

 </div>
</body>
</html>

Answer 1

您的代码引用了id（jquery＆＃39;＃＆＃39;）而不是类（jquery＆＃39;。＆＃39;）并且看起来git信息有一些问题。以下作品（请注意＆＃39; anyslider .goTo（）＆＃39; - 不是＆＃39; slider.goTo（）＆＃39;）

var slider = $('.slider').anyslider();
var anyslider = slider.data('anyslider');

anyslider.goTo(2);

OR

<a href="#" onclick="javascript: var slider = $('.slider').anyslider(); var anyslider = slider.data('anyslider'); anyslider.goTo(2); "><strong>Slide 2</strong></a>

AnySlider goTo（幻灯片）使用文本链接

1 个答案: