Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在foundation';s轨道? 我使用的是优秀的基础,但我不想要轨道滑块上的“PREV”和“Next”按钮。_Javascript_Html_Ruby On Rails_Zurb Foundation_Orbit - Fatal编程技术网

Javascript 如何在foundation';s轨道? 我使用的是优秀的基础,但我不想要轨道滑块上的“PREV”和“Next”按钮。

Javascript 如何在foundation';s轨道? 我使用的是优秀的基础,但我不想要轨道滑块上的“PREV”和“Next”按钮。,javascript,html,ruby-on-rails,zurb-foundation,orbit,Javascript,Html,Ruby On Rails,Zurb Foundation,Orbit,在我的application.js文件中,我设置了以下内容: $(document).foundation('orbit', { next_class: false, prev_class: false, }); 不过,这只能部分起作用,因为orbit自动生成的html仍然提供锚文本来备份图像,上面写着“Next”和“Prev”,它们现在显示为滑块下方的单词 对于这样一件小事,我不想完全放弃zurb foundation gem,手动下载并添加所有文件(这也意味着在更新发生时会丢失这些

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

$(document).foundation('orbit', {
  next_class: false,
  prev_class: false,
});
不过,这只能部分起作用,因为orbit自动生成的html仍然提供锚文本来备份图像,上面写着“Next”和“Prev”,它们现在显示为滑块下方的单词

对于这样一件小事,我不想完全放弃zurb foundation gem,手动下载并添加所有文件(这也意味着在更新发生时会丢失这些文件),但是有人能想到如何在javascript重影时摆脱自动生成的html吗

你可以阅读这份文件

ps我还尝试将stack_on_small:true改为false,因为“next”和“prev”html元素嵌套在下面,但这会把整个滑块搞砸

感谢您对我如何破解此问题的任何帮助/建议

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

选中此项。

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


检查这个。

如果你进入jQuy.Positual.Orj.js,有一行JS看起来像这样:

directionalNavHTML: '<div class="slider-nav hide-for-small"><span class="right"></span>    <span class="left"></span></div>',
我在下面看到了你的评论。如果您也想删除文本,JS中也有一行:

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

这是为了达到可访问性的目的,但是很容易删除。

如果你进入jQuy.Positual.Orj.js,有一行JS,看起来是这样的:

directionalNavHTML: '<div class="slider-nav hide-for-small"><span class="right"></span>    <span class="left"></span></div>',
我在下面看到了你的评论。如果您也想删除文本,JS中也有一行:

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

它是为了便于访问,但很容易删除。

谢谢。我应该在哪里添加它?我在“$(document.foundation)”之前尝试过,因为我假设它在application.js文件中的某个地方,但它没有做任何事情。我试着将div的名称改为“orbit next”和“orbit prev”,但这也没用。如果我尝试$$(文档).Fund((DIV.StLoad -Nav)).CSS({显示:“否”});它抛出了一堆错误。感谢您的澄清。另外,这不是css的问题,而是实际的html文本(“下一个”和“上一个”)的问题,不管css发生什么情况,它都会被呈现出来。javascript可以停止html/文本显示吗?好的,谢谢。我已经看过了,我不确定它还增加了什么,它似乎无助于澄清我的评论,但我会看看它是否能引发某种解决方案。谢谢。我应该在哪里添加它?我在“$(document.foundation)”之前尝试过,因为我假设它在application.js文件中的某个地方,但它没有做任何事情。我试着将div的名称改为“orbit next”和“orbit prev”,但这也没用。如果我尝试$$(文档).Fund((DIV.StLoad -Nav)).CSS({显示:“否”});它抛出了一堆错误。感谢您的澄清。另外,这不是css的问题,而是实际的html文本(“下一个”和“上一个”)的问题,不管css发生什么情况,它都会被呈现出来。javascript可以停止html/文本显示吗?好的,谢谢。我已经看过了,我不确定它还增加了什么,它似乎无助于澄清我的评论,但会看看它是否能引发某种解决方案。谢谢imcconnell。我需要的实际css代码是{display:none;}上的
.orbit堆栈
但基本上你的答案是正确的。@imcconnell在这种情况下,我使用了动态观察滑块来显示此横幅,我覆盖了css并随意更改了箭头。现在我需要的是,我必须将箭头移出conianer,但这是不可能的,因为父项设置为overflow:hidden;因此,我使用外部类触发,但无法通过在js中添加my events to go_goto函数来更改orbit.js!有没有可能的办法。我需要的实际css代码是{display:none;}上的
.orbit堆栈
但基本上你的答案是正确的。@imcconnell在这种情况下,我使用了动态观察滑块来显示此横幅,我覆盖了css并随意更改了箭头。现在我需要的是,我必须将箭头移出conianer,但这是不可能的,因为父项设置为overflow:hidden;因此,我使用外部类触发,但无法通过在js中添加my events to go_goto函数来更改orbit.js!有可能吗