javascript - 如果只有一张图像，请禁用 Royalslider 中的项目符号

Question

我正在使用 Royalslider 的 HTML 版本。在 slider 的动态实例化中，当仅存在一张幻灯片时，使用单个项目符号。我正在尝试使用内置的 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); 
} 
};  

如果有任何见解，我将不胜感激。谢谢。

Answer 1

你可以这样做:

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

希望这有帮助。 Source