Foundation 5的手风琴不与Rails 4合作

基金会5的手风琴在我根据文档使用它并直接打开该页面时效果很好。 但是,如果我点击我网站上的另一个链接,然后点击带有手风琴的页面,那么当我点击标题时,手风琴不会扩展:(。我想也许这就是用基金会手风琴弄乱的混乱的JavaScript。所以我们将此添加到带有手风琴的页面的链接:

  • 现在它效果更好 ,但并不完美。 如果我从另一页进入我的手风琴页面,手风琴就可以了。 但是当我离开并单击浏览器上的后退按钮时,停止工作:(。

    这一定是一个非常普遍的问题,因为Foundation和Rails很受欢迎。 有什么办法让这个工作?

    是的,turbolinks可能会导致许多RoR问题。

    turbolinks打破你的javascript的原因是document.ready事件不会正确触发。 你需要改变它。

    选项1.修改所有Javascript(不容易或推荐)

     var on_load = function() { } $(document).ready(on_load) $(window).bind('page:change', on_load) 

    选项2.使用Jquery-Turbolinks gem。

    jquery turbolinks gem旨在解决这个问题。 但是,您需要阅读文档,并确保正确安装它。 (这是一个棘手的野兽。)

    选项3.移除Turbolinks

    如果它给您带来很多麻烦,您可以将其删除。 从gemfile中删除它,从应用程序布局中的资产中删除turbolinks-tracked: true ,然后挥动turbolinks再见。 我承认,我已经做过好几次了。 :\