1

我正在使用出色的 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 元素嵌套在下面，但这会将整个滑块拧紧。

感谢您提供有关如何破解此问题的任何帮助/建议！

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

您可以删除与方向导航有关的所有内容。

如果不想乱搞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 回答