我正在使用Royalslider的HTML版本。在滑块的动态实例化中,当仅存在一张幻灯片时,将使用单个项目符号。我试图使用内置的royalslider API方法“ slider.numSlides”删除此项目符号。我对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);
}
};


我将不胜感激任何见识。谢谢。

最佳答案

您可以这样做:

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


希望这可以帮助。
Source

10-06 00:12