Jquery 如何在不破坏幻灯片功能的情况下使JSSOR滑块具有可单击的图像?

Jquery 如何在不破坏幻灯片功能的情况下使JSSOR滑块具有可单击的图像?,jquery,jssor,Jquery,Jssor,我使用JSSOR滑块在一个网站上的多个图像 我添加了一个如果拖动操作成功,Jssor滑块将停止触发“单击”事件。但我不确定fancy box是否会在jssor滑块之前捕获“click”事件 因此,请按以下方式以编程方式打开您的花式盒子 <script> jQuery(document).ready(function ($) { var options = { $AutoPlay: true,

我使用JSSOR滑块在一个网站上的多个图像

我添加了一个
如果拖动操作成功,Jssor滑块将停止触发“单击”事件。但我不确定fancy box是否会在jssor滑块之前捕获“click”事件

因此,请按以下方式以编程方式打开您的花式盒子

<script>

    jQuery(document).ready(function ($) {
        var options = {

            $AutoPlay: true,                                   //[Optional] Whether to auto play, to enable slideshow, this option must be set to true, default value is false
            $DragOrientation: 1                                //[Optional] Orientation to drag slide, 0 no drag, 1 horizental, 2 vertical, 3 either, default value is 1 (Note that the $DragOrientation should be the same as $PlayOrientation when $DisplayPieces is greater than 1, or parking position is not 0)
        };

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

        function SliderClickEventHandler(slideIndex, event) {
            //open fancy box
        }

        jssor_slider1.$On($JssorSlider$.$EVT_CLICK, SliderClickEventHandler);
    });
</script> 

jQuery(文档).ready(函数($){
变量选项={
$AutoPlay:true,//[可选]是否自动播放,若要启用幻灯片放映,此选项必须设置为true,默认值为false
$DragOrientation:1//[可选]拖动幻灯片的方向,0不拖动,1水平,2垂直,3任意,默认值为1(请注意,$DISPLAYPIGES大于1或停车位置不为0时,$DRAGORIENTION应与$PLAYORIENTION相同)
};
var jssor_slider1=新的$JssorSlider$(“slider1_容器”,选项);
函数SliderClickEventHandler(slideIndex,事件){
//打开花式盒子
}
jssor_slider1.$On($JssorSlider$.$EVT_CLICK,SliderClickEventHandler);
});

如果拖动jssor滑块中的链接,则不会触发单击事件。请在这里发布您的代码。我使用了基本示例代码的滑块,并添加了
Jssor,我在上面添加了我的代码,我可以看到它对基本链接很好,但不使用fancybox控件。我可以看到这是如何工作的,我遇到的麻烦是我需要将图像源解析到fancybox控件。这可能吗?您可以通过参数“slideIndex”确定图像源。我正在asp.net web应用程序中使用jssor滑块。我试着添加
<script>

    jQuery(document).ready(function ($) {
        var options = {

            $AutoPlay: true,                                   //[Optional] Whether to auto play, to enable slideshow, this option must be set to true, default value is false
            $DragOrientation: 1                                //[Optional] Orientation to drag slide, 0 no drag, 1 horizental, 2 vertical, 3 either, default value is 1 (Note that the $DragOrientation should be the same as $PlayOrientation when $DisplayPieces is greater than 1, or parking position is not 0)
        };

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

        function SliderClickEventHandler(slideIndex, event) {
            //open fancy box
        }

        jssor_slider1.$On($JssorSlider$.$EVT_CLICK, SliderClickEventHandler);
    });
</script>