Javascript 如何在foundation';s轨道? 我使用的是优秀的基础,但我不想要轨道滑块上的“PREV”和“Next”按钮。
在我的application.js文件中,我设置了以下内容: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,手动下载并添加所有文件(这也意味着在更新发生时会丢失这些
$(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!有可能吗