个人中心
文章发布
退出
作者热门文章
- xml - AJAX/Jquery XML 解析
- 具有多重继承的 XML 模式
- .net - 枚举序列化 Json 与 XML
- XML 简单类型、简单内容、复杂类型、复杂内容
25
4
我在我的 Rails 4 应用程序中使用 Foundation 5。当我发送请求时，顶部栏菜单工作正常。我可以悬停项目和嵌套项目没有问题。然后，我单击其中一个项目，它有一个关联的 link_to 方法。有时它会在我的菜单仍然完美运行的情况下给出正确的结果，但有时整个事情都会卡住。这也使移动菜单的后退按钮消失。一旦我通过刷新或 url 发送新请求，菜单就会再次工作。
Rails 在日志文件中没有发现任何问题。我的菜单在 rails 之外工作正常。我想知道这是否与我的 link_to tag_helpers 或我在我的应用程序中设置基础的方式有关？
这里简要概述了 JS 是如何为基础路由的。 (他们在文档中建议的配置)views/layouts/application.html.erb:
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<%= stylesheet_link_tag "application" %>
<%= javascript_include_tag "vendor/modernizr" %>
</head>
<body>
<%= javascript_include_tag "application" %>
</body>
Assets /application.js:
//= require jquery
//= require jquery_ujs
//= require foundation
//= require turbolinks
//= require_tree .
$(document).foundation();
有没有人遇到过这个问题？除了不使用 foundation 5 之外还有什么好的解决方案吗？
谢谢亚历克斯
最佳答案
基金会已知 Turbolinks 存在问题，您的问题可能与此有关。
要解决此问题，您可以禁用 Turbolinks 并查看顶部栏是否仍然存在问题。
这是一个简单的指南:http://blog.steveklabnik.com/posts/2013-06-25-removing-turbolinks-from-rails-4 .
除此之外，如果您必须拥有 Turbolinks，那么 Turbolinks 就是问题所在。您可以尝试添加 jquery turbolinks，如下所示:https://github.com/kossnocorp/jquery.turbolinks .
如果问题继续存在，下一步将是检查您导入 javascript 文件的顺序(这对这些 Turbolinks/Foundation 问题很重要)，您可能会对这种方式感到满意。
我没有让你放入它们的确切顺序，但如果你搜索“Turbolinks Foundation”问题，你最终会偶然发现一些解决方案。
这不一定是特定的解决方案，但它'将引导您朝着正确的方向前进。
更新:尝试使用此命令导入您的 javascript Assets 。并且，引用 source :
Its important to put all the Javascripts to be loaded inside the tag. The order of inclusion of jQuery is important – ensure you load jquery.turbolinks before turbolinks and after jquery. Include all your custom js between jquery-turbolinks.js and turbolinks.js in your application.js
// app/assets/javascript/application.js
//= require jquery
//= require jquery.turbolinks
//= require jquery_ujs
//= require foundation
//= require jwplayer/jwplayer.js
//= require asset_videos
//= require turbolinks
注意:查看Alex Aube's answer在此页面上获取更多有用信息。
关于javascript - Foundation 5 Topbar 在 rails 4 中不能持续工作，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21293051/
25
4
0
我想加载带有本地回退的 foundation.min.js 的 CDN 版本。问题是:如何检测是否加载了 foundation.js？ 我看到它是用 jQuery、modernizr、Bootstra
我从 v3 开始就一直在使用 Foundation，所以我没想到会出现这种困惑。 在这种特殊情况下，我需要一个固定宽度的左列(大 3)，然后是一个流动/响应内容列(大 9)作为其余部分。
我在从最新的 Foundation 定制 Orbit 时遇到问题。来自 the docs : Orbit 选项此时只能在初始化时传入。 { timer_speed: 10000, animat
在以下非常基本的示例中，开关可以正常工作并且样式正确。如果我只是将 foundation.css 版本从 5.5.2 更改为 6.0.5，切换样式就会丢失。为什么开关在 Foundation 6.0
如何禁用中/小屏幕的顶部栏折叠？ 我按照 Here 中的说明进行操作但无论我将最小宽度设置为什么，我都会得到相同的结果。 最佳答案 如果您使用的是 SCSS 版本，那么您可以修改断点。 $topbar
出于多种原因，复选框在最新的 Foundation (4.1.6) 中存在问题。有没有一种简单的方法可以阻止 Foundation 接管它们？我需要 custom我的类 form s 其他原因。我如何
我希望在显示模式窗口中播放的视频在模式窗口关闭时停止播放(谁不呢？)。通过将 iframe 源设置为空，可以使用 jQuery 轻松完成此操作。 但我不知道如何让它在回调中工作。模态窗口本身按预期运行
我最近开始将 Zurb Foundation 4 用于 Asp MVC 网站，但我不太明白开关控件应该如何工作。文档没有说太多 http://foundation.zurb.com/docs/comp
是否可以合并top-bar和 tab-bar ( Canvas 外)？ 这个: 调整到手机尺寸时变成这样: 但我还想包括标签栏( Canvas 外)所以它变成这样 我无法想象这是如何做到的，我试图制作
我的问题是，在桌面上我喜欢先有菜单，然后是最右上角的标志。目前，当我将模板缩小到移动版本时， Logo 位于菜单下方，这并不令人满意。我想在菜单之前吃。我试过使用推/拉没有成功。 在移动 View 中
我直接从他们的网站 https://foundation.zurb.com/sites/docs/top-bar.html 复制了基础导航栏语法并且下拉菜单功能似乎不起作用 代码如下:
刚刚切换我的 Rails 项目以测试 Zurb Foundation 5，现在切换顶部栏菜单不起作用。 当视口(viewport)很小时，顶部栏菜单项消失并且菜单图标像以前一样显示，但是当我单击菜单图
如何在 Foundation 4 中以编程方式显示模态？ 在 Foundation 3 中，我们有易于使用的 reveal() 方法。 您可以在 Foundation 4 中使用什么？请帮忙。 最佳答
我正在使用启用了 flexbox 的 Foundation 6 Zurb 模板，但按钮组的扩展功能不起作用。 当我添加扩展类时，最后一个按钮不会填满最后一个空格并掉到左侧的下一行。文本不再内联，按钮的
我正在使用 Zurb Foundation 并具有以下 html: Tab 1 Content of section 1. Tab
我正在尝试使用 zurb Foundation 5 显示模式。但是当我单击按钮时它不起作用并且无法打开。我正在使用这个 html 代码。 index Awesome. I ha
有什么我可以在命令行中输入的东西来找出我正在运行的版本吗？ 最佳答案 在不了解您的具体情况的情况下，最简单的方法是在初始化 Foundation ( $(document).foundation();
Foundation 5 上曾经有一个“圆形”类，可以将按钮组转换为具有圆形边缘。我如何在 Foundation 6 中执行此操作？ 最佳答案 这在 Foundation 6 中是不可能的。为了减小文
我正在使用 Zurb 的 Foundation 4.2.3，但是当我打印页面时，网格布局始终没有得到维护。 例如， XXX Lorem
作为 Zurb's Foundation 一部分的轨道 slider 好像加了一个类hide-for-small到导航。 我需要导航仍然显示，以便显示我的内容。我试过删除 hide-for-small
我是一名优秀的程序员,十分优秀！