AnySlider goTo (слайд) с помощью текстовой ссылки

Я пытаюсь использовать AnySlider (http://jwilsson.github.io/AnySlider/) с текстовой ссылкой для вызова определенных слайдов. К сожалению, я не могу заставить эту функцию API работать:AnySlider goTo (слайд) с помощью текстовой ссылки

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>

источник

2015-02-20 exchangefelix

Ваш код ссылается на идентификатор (JQuery «#») вместо класса (Jquery «») И это выглядит как придурок информация имеет некоторые проблемы. Следующие работы (обратите внимание на '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>

источник

2015-02-20 18:16:17 puddleglum

Работает отлично! Спасибо за помощь :) – exchangefelix

приятно слышать ... не забудьте отметить это как ответ. – puddleglum

AnySlider goTo (слайд) с помощью текстовой ссылки

ответ

Смежные вопросы