如何在基金會的軌道中覆蓋自動生成的HTML？

Question

我使用的是出色的Foundation，但我不希望Orbit滑塊上的“上一個”和“下一個”按鈕。

在我的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元素的位置，但這將整個滑塊固定了。

感謝您對如何破解此文件的任何幫助/建議！

Answer 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', 

在那里是出於可訪問性目的，但是很容易刪除。

Answer 2

使用$("div.slider-nav").css({display:"none"}); 在代碼前面刪除導航按鈕。

檢查此SO Post 。