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

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

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

Jssor Slider具有执行此操作的API：

jssor_slider1.$GoTo(2);

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

我尝试过做onClick =“ jssor_slider1。$ GoTo（2）;”但这会在控制台中显示一个错误，指出“ jssor_slider1”未定义。

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

正确的做法是什么？谢谢。

最佳答案

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

关于javascript - Jssor Slider-文本超链接到特定幻灯片？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/27226761/