Zurb基金会's javascript不工作
Zurb Foundation's javascript not working
目前正在Rails 4.2.6
上工作,安装了基础导轨gem,请遵循所有说明。现在它在应用程序中包含了一堆javscript和样式表文件
application.js
//= require jquery
//= require jquery.turbolinks
//= require jquery_ujs
//= require dataTables/jquery.dataTables
//= require jquery_sortable
//= require foundation
//= require turbolinks
//= require_tree .
$(function(){ $(document).foundation(); });
但是,当我尝试使用一些包含javascript的组件时,它不起作用。我尝试了基金会文档中的下拉列表
<a href="#" class="button" data-dropdown="drop">Link Dropdown »</a>
<ul id="drop" class="[tiny small medium large content]f-dropdown" data-dropdown-content>
<li><a href="#">This is a link</a></li>
<li><a href="#">This is another</a></li>
<li><a href="#">Yet another</a></li>
</ul>
它只是给了我一些链接,没有任何工作下拉列表和控制台中的错误
TypeError: Cannot read property 'className' of undefined(…)
(anonymous function) @ foundation.core.self-f55f82f….js?body=1:197
此外,警报消息也不能正常工作,
<div class="row">
<div class="small-6 small-centered columns">
<% flash.each do |name, msg| %>
<% flag = name.to_s == 'notice' ? 'success' : 'alert' %>
<div data-alert class="alert-box <%= flag %> radius">
<strong><%= flag == 'success' ? 'Yay!' : 'Error' %></strong>
- <%= msg %>
<a href="#" class="close">×</a>
</div>
<% end %>
</div>
</div>
它显示了一个带有消息的警告框,但单击x按钮或链接不会关闭,因此不会给出任何错误消息。
事实证明,我遵循的是错误的文档,我目前使用的是6.2.1,并且遵循的是5.5.3的文档。如果你有这样的问题,请确保遵循正确的文档。
相关文章:
- 在表单提交将DOM的一部分替换为分部之后,我应该将ajax成功绑定到什么来使我的javascript工作
- 我可以'不要让Javascript工作不正常
- 如何让我的html5功能不兼容警告使用javascript工作
- Excel Web Services 电子邮件 JavaScript 工作表
- 用于Google Fusion Table层的Javascript工作,但试图整理代码
- Bootstrap:如何附加一个类,并且仍然有BS Javascript工作
- JavaScript 工作队列
- JavaScript工作,直到我添加这个&&陈述
- 为什么不'在CasperJS中没有简单的JavaScript工作
- 如何"递归AJAX回调”;在JavaScript工作中
- 基本验证javascript工作不正常
- 需要帮助让这个字符串的Javascript工作
- HTML和JavaScript工作不正常
- 下拉菜单无法从CSS或Javascript工作
- 需要从erb生成一个非常特定的html来让javascript工作
- 如果javascript代码段未使用,它将阻止其他javascript工作
- 将内联事件处理程序移动到chrome扩展的javascript工作表
- 阻止其他Javascript工作的Javascript
- iframe阻止javascript工作
- 无法获取切换函数(JavaScript工作)