zurb-foundation - Foundation Orbitスライダー、小さな画面にナビゲーションを表示

Question

Zurb's Foundationの一部として提供されているOrbitスライダーはhide-for-small、ナビゲーションにクラスを追加しているようです。

ただし、コンテンツを表示するには、ナビゲーションを表示する必要があります。hide-for-smalljquery.foundation.orbit.jsの59行目のラッパーの一部を削除しようとしましたが、クラスが追加され続けています。

誰かがそれを削除する方法を知っていますか？

score 4 · Accepted Answer

.touch .orbit-bullets { display: block; }cssに追加する必要があります。.touchFoundation 4は、軌道の弾丸と矢印を非表示にするタッチ対応デバイスを使用するときにクラスを追加します。

score 1 · Accepted Answer

さらに良いことに、クラスをオーバーライドするには、app.cssに以下を追加します。

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

いつかFoundationをアップグレードすると、より将来性が高まります。

score -1 · Accepted Answer

更新：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>'

3 に答える 3