Javascript 自定义光标未加载幻灯片放映淡入淡出

我正在使用RoyalSlider插件创建幻灯片

我使用下面的javascript创建两个覆盖幻灯片的字段，以允许左键和右键单击导航。问题在于，在幻灯片之间的淡入淡出过渡期间，自定义光标无法保持加载状态。有人知道这个问题的解决方案吗

非常感谢,

<script type="text/javascript">
jQuery(document).ready(function($) {
    $('.royalSlider').each(function() {
        var slider = $(this);
        var sliderInstance = slider.data('royalSlider');

        if(sliderInstance) {
            var slideCounter = $('<div class="rsSlideCount"></div>').appendTo( slider );

            var updCount = function () {
                slideCounter.html( (sliderInstance.currSlideId+1) + ' / ' + sliderInstance.numSlides );
            }
            sliderInstance.ev.on('rsAfterSlideChange', updCount);
            updCount();     
        }

        slider.append('<div class="rs-prev"/>');
        slider.append('<div class="rs-next"/>');
        slider.find('.rs-prev').click(function() {
            slider.royalSlider('prev');
        });
        slider.find('.rs-next').click(function() {
            slider.royalSlider('next');
        });

    });
});
</script>

jQuery（文档）.ready（函数（$）{
$（'.royalSlider'）。每个（函数（）{
变量滑块=$（此）；
var sliderInstance=slider.data（'royalSlider'）；
如果（滑块姿态）{
var slideCounter=$（''）.appendTo（滑块）；
var updCount=函数（）{
html（（sliderInstance.currSlideId+1）+'/'+sliderInstance.numSlides）；
}
sliderInstance.ev.on（'rsAfterSlideChange'，updCount）；
updCount（）；
}
slider.append（“”）；
slider.append（“”）；
slider.find（'.rs prev'）。单击（函数（）{
滑块。滑块（'prev'）；
});
slider.find（'.rs next'）。单击（函数（）{
slider.royalSlider（'next'）；
});
});
});

将此添加到CSS中：

div.rs-prev,
div.rs-next {
    z-index: 10;
}

这对我有用