Foundation Orbit滑塊，在小屏幕上顯示導航

Question

作爲Zurb's Foundation的一部分提供的Orbit滑塊似乎嚮導航添加了一類hide-for-small。

但是爲了顯示我的內容，我仍然需要導航才能顯示。我已經嘗試刪除jquery.foundation.orbit.js第59行中的包裝的hide-for-small部分，但該類不斷增加。

有沒有人有一個想法如何刪除它？

Answer 1

更新：請參閱jmsg1990的答案，因爲它是現在這樣做的正確方法。

剛剛遇到這個問題我自己解決它很容易打開jquery.foundation.orbit.js。

在第60行：

directionalNavHTML: '<div class="slider-nav hide-for-small"><span class="right"></span><span class="left"></span></div>' 

簡單地刪除類「隱藏換小」象下面這樣，它按預期工作。

directionalNavHTML: '<div class="slider-nav"><span class="right"></span><span class="left"></span></div>' 

Answer 2

更重要的是，添加以下到您的app.css爲忽略類：

.hide-for-small { 
    display: block !important; 
} 

它，如果你有一天你升級更基金會面向未來。

Answer 3

您應該將.touch .orbit-bullets { display: block; }添加到您的CSS。當使用啓用觸摸的設備時，Foundation 4添加了.touch類，該設備隱藏了軌道的子彈和箭頭。