4

作为Zurb 基金会一部分的 Orbit 滑块似乎为hide-for-small导航添加了一个类。

我需要导航仍然显示，以便显示我的内容。我尝试删除hide-for-smalljquery.foundation.orbit.js 第 59 行中的包装器部分，但该类不断添加。

有谁知道如何删除它？

4

3 回答 3

4

你应该添加.touch .orbit-bullets { display: block; }到你的CSS。Foundation 4.touch在使用支持触摸的设备时添加了该类，该设备隐藏了轨道的子弹和箭头。

于 2013-09-18T16:21:42.943 回答
1

Better yet, add the following to your app.css to over-ride the class:

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

It's more future-proof if you upgrade your Foundation someday.

于 2013-03-08T19:19:06.903 回答
-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>'
于 2013-02-22T06:42:06.843 回答