PADRINO 0.12.0,罗盘0.122,HAML4.0.5和ZURB基金会5(CAMORA)插件- JavaScript不工作 我不能让祖鲁基金会在Padrino工作正常。样式表被编译和加载,但是基础模块不起作用。

PADRINO 0.12.0,罗盘0.122,HAML4.0.5和ZURB基金会5(CAMORA)插件- JavaScript不工作 我不能让祖鲁基金会在Padrino工作正常。样式表被编译和加载,但是基础模块不起作用。,javascript,ruby,sass,zurb-foundation,padrino,Javascript,Ruby,Sass,Zurb Foundation,Padrino,是haml版本的 ,但下拉菜单和动态观察滑块均不工作。该项目是通过以下方式生成的: $ padrino g project PadrinoFoundation -e haml -c compass -s jquery -b $ padrino g plugin camorra $ bundle install 对app/app.rb(创建路线)、app/stylesheets/application.scss(删除对蓝图的指南针引用)和app/views/application.haml

是haml版本的

,但下拉菜单和动态观察滑块均不工作。该项目是通过以下方式生成的:

$ padrino g project PadrinoFoundation -e haml -c compass -s jquery -b

$ padrino g plugin camorra

$ bundle install
对app/app.rb(创建路线)、app/stylesheets/application.scss(删除对蓝图的指南针引用)和app/views/application.haml(布局,如下所示)进行一些编辑

可以在下面查看这些内容:

(路线)

(样式表)

(布局图)

(整个存储库)

关于布局,我用过,但作为哈姆尔的新手,我可能会犯错误。希望如果有人给我指出正确的方向,我能把事情弄清楚

有什么问题吗


感谢阅读。

在查看您的页面时,我注意到以下几点:

  • 加载Modernizr时出现404错误:您的页面试图从
    /javascripts/Modernizr.js
    加载Modernizr,但该文件实际上位于
    /javascripts/vendor/Modernizr.js
    文件夹中

  • >p>缺少基础JavaScript插件:你的页面加载了代码> /javascript /Foundation /Foundation。JS<代码>,但它只包含基础内核,没有插件(顶部条下拉菜单和轨道滑块被实现为插件)。要加载的文件似乎是
    /javascripts/foundation.js
    (上一级)

  • 缺少触发插件的
    data-
    属性:HTML中的
    data-
    属性会激活顶部栏和动态观察滑块插件(您可以在的源代码中找到这些属性)。你需要改变你的观点

我不确定这些更改是否足以使您的页面正常工作,但它们似乎是进一步调试所必需的


<强> Update:现在有一个<代码>引用错误:jQuery未定义JavaScript错误,从基础库触发。根据Foundation,jQuery和FastClick需要在基础脚本之前加载。(我也将遵循该文档并首先加载jQuery,接着是FastClick,然后是Field.)


另外,现在所有主流浏览器都内置了开发工具。我建议为您选择的浏览器探索开发工具;它们将为您节省大量时间和精力:-)

@AudioVisualCode这些修复程序能解决您的问题吗?对不起,过去几天我一直很忙。我会尽快给你回复。再次感谢您的回复。您好,我更新了数据属性,并修复了损坏的javascript链接。仍然没有菜单或滑块交互。编辑:这可能与useragent数据属性有关,这些属性存在于?working!谢谢我有时间的时候会记录下来的。干杯。如果这解决了你的问题,如果你也接受了这个答案(点击答案旁边的复选标记),那就太好了-谢谢!