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类，该设备隐藏了轨道的子弹和箭头。