革命滑块,子弹奇怪的行为

时间:2016-09-23 15:15:27

标签: javascript jquery css revolution-slider

我有一个带有子弹导航的旋转滑块旋转木马,这是js配置:

                var revapi2;
            tpj(document).ready(function() {
                if(tpj("#rev_slider_2_1").revolution == undefined){
                    revslider_showDoubleJqueryError("#rev_slider_2_1");
                }else{
                    revapi2 = tpj("#rev_slider_2_1").show().revolution({
                        sliderType:"carousel",
                        jsFileLocation:"libs/revolutionSlider/js/",
                        dottedOverlay:"none",
                         sliderLayout: "auto",
                        delay:9000,
                        navigation: {
                            keyboardNavigation:"off",
                            keyboard_direction: "horizontal",
                            mouseScrollNavigation:"off",
                            onHoverStop:"off",
                            arrows: {
                                style:"",
                                enable:true,
                                hide_onmobile:false,
                                hide_under:300,
                                hide_onleave:true,
                                hide_delay:200,
                                hide_delay_mobile:1200,
                                tmp:'',
                                left: {
                                    h_align:"left",
                                    v_align:"center",
                                    h_offset:30,
                                    v_offset:0
                                },
                                right: {
                                    h_align:"right",
                                    v_align:"center",
                                    h_offset:30,
                                    v_offset:0
                                }
                            },
                            touch:{
                             touchenabled:"off",
                             swipe_treshold : 75,
                             swipe_min_touches : 1,
                             drag_block_vertical:true,
                             swipe_direction:"horizontal"
                            }
                            ,
                            bullets: {
                                enable: true,
                                container:"slider",
                                hide_onmobile: false,
                                style: "ares",
                                hide_onleave: false,
                                direction: "horizontal",
                                h_align: "center",
                                v_align: "bottom",
                                h_offset: 20,
                                v_offset: 20,
                                space: 0,
                                rtl:false,
                                tmp: ''
                            }
                        },
                        carousel: {
                            horizontal_align: "center",
                            vertical_align: "center",
                            fadeout: "off",
                            maxVisibleItems: 3,
                            infinity: "on",
                            space: 0,
                            stretch: "off"
                        },
                        viewPort: {
                            enable:true,
                            outof:"pause",
                            visible_area:"80%"
                        },
                        responsiveLevels:[1240,1024,778,320],
                        gridwidth:[1240,1024,778,320],
                        gridheight:[600,600,500,300],
                        lazyType:"none",
                        parallax: {
                            type:"mouse",
                            origo:"slidercenter",
                            speed:2000,
                            levels:[2,3,4,5,6,7,12,16,10,50],
                        },
                        shadow:0,
                        spinner:"off",
                        stopLoop:"on",
                        stopLoop:"on",
                        stopAfterLoops:0,
                        stopAtSlide:1,
                        shuffle:"off",
                        autoHeight:"on",
                        hideThumbsOnMobile:"on",
                        hideSliderAtLimit:0,
                        hideCaptionAtLimit:0,
                        hideAllCaptionAtLilmit:0,
                        debugMode:false,
                        fallbacks: {
                            simplifyAll:"off",
                            nextSlideOnWindowFocus:"off",
                            disableFocusListener:false,
                        }
                    });


                }
            });

子弹出现在我的旋转木马上,但我能看到的是一种奇怪的行为。在幻灯片之间导航期间,.selected类仅在滑动过程开始时正确应用于右侧索引。最后,当幻灯片停止并加载时,.selected类将从正确的索引中自动清除并应用于索引0.我将在我的解释中尝试更清楚:

带有4个元素的滑块 - > 我点击3°子弹(索引2) - > 我的图像开始在视图中滑动我的3 °bullet为红色(红色是我分配给.selected类的颜色) - > 当图像幻灯片动画完成时我的3°子弹返回灰色和我的1°子弹变红了。

我试图拦截导致此自动更改的事件,但我已尝试记录我在docs中找到的每个事件,并且在我的奇怪行为的同时没有启动任何事件。这是一个错误?我怎么解决它?

0 个答案:

没有答案