Ruby on rails 基金会5升级:图层必须是文档节点"; 我试图把我的Ruby on Rails应用程序从基础4升级到新发布的基础5,CSS交换机的运行相对平稳。但是,我在切换Javascript文件时遇到了一个问题
当我切换基础4版本的基础.js和Maxigr.js文件,然后重新加载一个页面时,我在控制台中得到这个奇怪的JS错误:Ruby on rails 基金会5升级:图层必须是文档节点"; 我试图把我的Ruby on Rails应用程序从基础4升级到新发布的基础5,CSS交换机的运行相对平稳。但是,我在切换Javascript文件时遇到了一个问题,ruby-on-rails,ruby-on-rails-4,asset-pipeline,zurb-foundation,Ruby On Rails,Ruby On Rails 4,Asset Pipeline,Zurb Foundation,当我切换基础4版本的基础.js和Maxigr.js文件,然后重新加载一个页面时,我在控制台中得到这个奇怪的JS错误: Uncaught TypeError: Layer must be a document node foundation.js?body=1:35 FastClick foundation.js?body=1:35 FastClick.attach foundation.js?body=1:35 (anonymous function) foundation.js?b
Uncaught TypeError: Layer must be a document node foundation.js?body=1:35
FastClick foundation.js?body=1:35
FastClick.attach foundation.js?body=1:35
(anonymous function) foundation.js?body=1:40
(anonymous function)
我甚至不知道FastClick做了什么,但是它似乎包含在基础5中,它阻止了加载的基础。这反过来也导致我所有依赖于基础的JS都失败了
任何帮助都将不胜感激,谢谢 确保在
标记的末尾都有,而不是在
中
这将抛出错误:
<html>
<head>
</head>
<script src="/static/js/modernizr.js"></script>
<script src="/static/js/foundation.min.js"></script>
<body>
</body>
</html>
但这是可行的:
<html>
<head>
</head>
<body>
<script src="/static/js/modernizr.js"></script>
<script src="/static/js/foundation.min.js"></script>
</body>
</html>
更新:v5.0.3已发布,解决了此问题。确保相应地更新
foundation rails
gem
这是一个在was中解决的错误。此修复程序只需在jQuery中封装一个嵌入式库,FastClick
。在v5.0.3发布之前,您可以通过手动包含该版本来解决此问题
通过将脚本移动到页面底部,您就放弃了。TurboLink要求JavaScript包含在
中,因为它会在每个请求中清除
发生了什么事
Foundation不再等待DOM加载,而是立即执行。为了提高移动性能,基金会5嵌入了一个多填充,它消除了触摸UIS浏览器上的点击延迟。执行后,基金会立即尝试将代码> FastClick < /代码>附加到<代码>文档。如果在<代码> <代码>中初始化基础,则主体还未存在:<代码>文档。正文< /代码>将合理地返回<代码> null <代码>,导致子孙后代.< /p> ,如果尝试使用WordPress WPyEnQueReSQL脚本钩子将$iNoWiter属性设置为true。
wp_enqueue_script('foundation_js', get_bloginfo('template_url').'/js/foundation.min.js', '1.0.0', array(), true);
请注意,如果将JS移动到文档
中,您将无法从中获益。请参阅下面我的答案以获得更好的解决方案。好的,请注意--谢谢!一旦修复被合并到下一个Foundation5版本中,我将把它移回文档头。它已被更新。:)基金会V5.0.3已经发布,所以现在你可以使用没有任何问题的胡瑞GEM。那么你建议我做些什么来仍然能够使用TurbLink?替换<代码>基础。JS<代码>直到“<代码>基础栏目 > GEM被撞到V5.0.3。您也可以选择在供应商/资产
中维护您自己的更新版本,感谢您详细而全面的回答@黄连木。非常感谢。那有帮助!!