1

優れたFoundationを使用していますが、オービットスライダーの[前へ]ボタンと[次へ]ボタンは必要ありません。

私のapplication.jsファイルでは、次のように設定しました。

$(document).foundation('orbit', {
  next_class: false,
  prev_class: false,
});

ただし、これは部分的にしか機能しません。軌道によって自動生成されたhtmlは、画像をバックアップするためのアンカーテキストを提供し、「次へ」と「前へ」と表示され、スライダーの下に単語として表示されるようになりました。

そのような小さなことのために、私はzurb-foundation gemを完全に放棄して、すべてのファイルを手動でダウンロードして追加したくありません（これは、更新が行われるときに失われることも意味します）が、誰でも自動を取り除く方法を考えることができます- javascriptによってゴーストインされたときに生成されたhtml？

ここでドキュメントを読むことができます。

psまた、stack_on_small：trueをfalseに変えてみました。これは、「next」と「prev」のhtml要素がネストされているためですが、スライダー全体がねじ込まれています。

私がこれをハックする方法についての助け/提案をありがとう！

4

2 に答える 2

1

jquery.foundation.orbit.jsにアクセスすると、次のようなJSの行があります。

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

そして、directionNavに関係するすべてを削除することができます。

JSをいじりたくない場合は、次のCSSを設定できます。

.orbit-wrapper .slider-nav span {
    display:none;
}

以下のコメントを見ました。テキストも削除したい場合は、JSにもそのための行があります。

  directionalNavRightText: 'Right',
  directionalNavLeftText: 'Left',

アクセシビリティの目的でありますが、簡単に削除できます。

于 2013-03-10T10:36:40.400 に答える
0

コードの前で使用$("div.slider-nav").css({display:"none"});して、ナビゲーション ボタンを削除します。

このSO Postを確認してください。

于 2013-03-07T11:51:26.513 に答える