2014-09-25 64 views
1

我正在使用royalslider的HTML版本。在滑塊的動態實例化中,只有一個幻燈片存在時使用單個項目符號。我試圖使用內置的royalslider API方法刪除這個子彈:「slider.numSlides」。我對jQuery/javascript非常新,所以對我來說這是一場艱苦的鬥爭。這是我的代碼。如果只有一個圖像,則禁用royalslider中的子彈

/* 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); 
} 
}; 

我將不勝感激任何見解。謝謝。

+0

分享鏈接。您正在使用哪個滑塊。 – Fahad 2014-09-25 18:05:32

+0

這裏是鏈接:http://c1358.paas2.tx.modxcloud.com/index.php?id=52我正在使用自定義的視頻滑塊 – pjldesign 2014-09-25 18:13:26

回答

1

你可以做這樣的事情:

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

希望這有助於。 Source

+0

魔術。你的意思是「<= 2」順便說一句。非常感謝 - 我一直在努力。 – pjldesign 2014-09-25 18:20:34

+0

標記爲正確,如果它工作。很高興幫助。 – Fahad 2014-09-25 18:21:53

+0

@Fahad我正在嘗試做同樣的事情。我在哪裏放這個代碼?在與royalslider jquery相同的腳本標記中?我嘗試過,但沒有奏效。我也嘗試把它放在不同的腳本標籤中。看起來我在這裏錯過了一些基本的東西。 – Moosa 2015-02-10 22:52:04

相關問題