Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/447.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Jssor滑块-指向特定幻灯片的文本超链接?_Javascript_Jquery_Jssor - Fatal编程技术网

Javascript Jssor滑块-指向特定幻灯片的文本超链接?

Javascript Jssor滑块-指向特定幻灯片的文本超链接?,javascript,jquery,jssor,Javascript,Jquery,Jssor,我使用Jssor滑块来显示多个图像 我有一个单独的缩略图部分,当点击时,应该会在滑块中显示较大的图像 Jssor Slider有一个API来实现这一点: jssor_滑块1.$GoTo(2) 然而,我不知道如何从超链接运行此功能 我已经尝试过执行onClick=“jssor_slider1.$GoTo(2);”,但这在控制台中显示了一个错误,即“jssor_slider1”未定义 <script src="js/slider-master/js/jquery-1.9.1.min.js"&g

我使用Jssor滑块来显示多个图像

我有一个单独的缩略图部分,当点击时,应该会在滑块中显示较大的图像

Jssor Slider有一个API来实现这一点:

jssor_滑块1.$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>

jQuery(文档).ready(函数($){
变量选项={
$Arrow导航选项:{
$Class:$JssorArrowNavigator$,
$ChanceToShow:2
}
};
var jssor_slider1=新的$JssorSlider$('slider1_container',选项);
});

这样做的正确方式是什么?谢谢。

使jssor\u 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>

var jssor_滑块1;
jQuery(文档).ready(函数($){
变量选项={
$Arrow导航选项:{
$Class:$JssorArrowNavigator$,
$ChanceToShow:2
}
};
jssor_slider1=新的$JssorSlider$('slider1_container',选项);
});

现在可以完美地工作了。我用过PlayTo,因为它更整洁,而不是没有GoTo的动画。