我正在使用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