Question

我正在使用royalslider的HTML版本。在滑块的动态实例化中，当仅存在一个幻灯片时使用单个子弹。我试图使用内置的royalslider API方法删除此子弹：＆＃34; slider.numSlides＆＃34;。我对jQuery / javascript非常非常新，所以这对我来说很难。这是我的代码。

/* remove bullets if less than one image is in the slider */
var slider = $('.royalSlider').data('royalSlider'); 
var updateURL = function() {
if('slider.numSlides' < 2){$( ".rsBullets" ).remove(); 
}else{ 
    $(".rsBullets").fadeIn(300); 
} 
};

我非常感谢任何见解。感谢。

Answer 1

你可以这样做：

var slider = $('.royalSlider'), 
nav = slider.find('.rsBullets');
if (slider.data('royalSlider').numSlides <= 1) { 
nav.hide(); 
}
else {
    nav.show();
    }

希望这会有所帮助。 Source

如果只有一张图片，则禁用royalslider中的项目符号

1 个答案: