如何在基础轨道中覆盖自动生成的html？

Question

我正在使用优秀的基础，但我不想要Orbit滑块上的'Prev'和'Next'按钮。

在我的application.js文件中，我设置了以下内容：

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

这只是部分有效，因为由轨道自动生成的html仍然提供锚文本来备份图像，其中显示“下一个”和“上一个”，它们现在显示为滑块下方的单词。

对于这么小的事情，我不想完全放弃zurb-foundation gem并手动下载并添加所有文件（这也意味着在发生更新时丢失）但是任何人都可以想到如何摆脱自动生成的html何时被javascript重影？

您可以阅读文档here。

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

您可以删除与directionalNav有关的所有内容。

如果您不想搞乱JS，可以设置以下CSS：

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

在下面看到你的评论。如果你想删除文本，JS中也有一行：

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

它是出于可访问性目的，但很容易删除。

Answer 2

在代码前使用$("div.slider-nav").css({display:"none"});删除导航按钮。

选中SO Post。