Question

我正在使用Jssor Slider来显示多个图像。

我有一个单独的缩略图部分，单击时，应在滑块中显示较大的图像。

Jssor Slider有一个API来执行此操作：

jssor_slider1.$GoTo(2);

但是，我不知道如何从超链接运行它。

我尝试过onClick =＆＃34; jssor_slider1。$ GoTo（2）;＆＃34;但这在控制台中显示错误＆＃34; jssor_slider1＆＃34;未定义。

<script src="js/slider-master/js/jquery-1.9.1.min.js"></script>
<script src="js/slider-master/js/jssor.slider.mini.js"></script>
<script>
    jQuery(document).ready(function($) {

        var options = {
            $ArrowNavigatorOptions: {
                $Class: $JssorArrowNavigator$,
                $ChanceToShow: 2
            }
        };

        var jssor_slider1 = new $JssorSlider$('slider1_container', options);

    });

</script>

这样做的正确方法怎么样？谢谢。

Answer 1

将jssor_slider1变量设为全局变量，您可以在任何地方访问该实例。

另外，jssor_slider1。$ PlayTo（2）;也是合理的。

<script src="js/slider-master/js/jquery-1.9.1.min.js"></script>
<script src="js/slider-master/js/jssor.slider.mini.js"></script>
<script>
    var jssor_slider1;
    jQuery(document).ready(function($) {

        var options = {
            $ArrowNavigatorOptions: {
                $Class: $JssorArrowNavigator$,
                $ChanceToShow: 2
            }
        };

        jssor_slider1 = new $JssorSlider$('slider1_container', options);

    });

</script>

Jssor Slider - 文本超链接到特定幻灯片？

1 个答案: