Javascript 使用文本链接转到任意滑块（幻灯片）_Javascript_Jquery_Html_Hyperlink_Slider

Javascript 使用文本链接转到任意滑块（幻灯片）

javascript jquery html hyperlink

Javascript 使用文本链接转到任意滑块（幻灯片）,javascript,jquery,html,hyperlink,slider,Javascript,Jquery,Html,Hyperlink,Slider,我尝试使用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"><

我尝试使用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>


$（函数（）{
$（'.slider'）.anyslider({
动画：“幻灯片”，
间隔：10000，
反面：错，
showControls：对，
开始滑动：1，
showBullets:false，
速度：800
});
});

幻灯片1

幻灯片2

幻灯片3

您的代码引用的是id（jquery'#'）而不是类（jquery''），并且git信息似乎有一些问题。以下操作有效（注意“anyslider.goTo（）”-而不是“slider.goTo（）”）

或

效果很好！谢谢你的帮助：）

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

anyslider.goTo(2);

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