作为Zurb's Foundation一部分的Orbit滑块似乎在导航中添加了一类hide-for-small
。
我需要导航仍然显示,但是为了显示我的内容。我已经尝试在jquery.foundation.orbit.js第59行中删除包装器的hide-for-small
部分但是该类不断添加。
有没有人知道如何删除它?
答案 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>'