基础轨道滑块,在小屏幕上显示导航

时间:2013-01-07 15:32:23

标签: zurb-foundation orbit

作为Zurb's Foundation一部分的Orbit滑块似乎在导航中添加了一类hide-for-small

我需要导航仍然显示,但是为了显示我的内容。我已经尝试在jquery.foundation.orbit.js第59行中删除包装器的hide-for-small部分但是该类不断添加。

有没有人知道如何删除它?

3 个答案:

答案 0 :(得分:4)

您应该将.touch .orbit-bullets { display: block; }添加到您的CSS中。基金会4在使用启用触控功能的设备时会添加.touch课程,该设备会隐藏轨道的子弹和箭头。

答案 1 :(得分:1)

更好的是,将以下内容添加到app.css中以覆盖课程:

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

如果你有一天升级你的基金会,它会更具前瞻性。

答案 2 :(得分:-1)

更新:请参阅jmsg1990的答案,因为这是正确的方法。

我自己遇到了这个问题,并通过打开jquery.foundation.orbit.js轻松解决了这个问题。

第60行

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

只需删除下面的“hide-for-small”类,它就可以正常工作。

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