【问题标题】:Scrollspy not working after URL path changes in Rails AppRails App 中的 URL 路径更改后,Scrollspy 无法正常工作
【发布时间】:2017-02-24 07:50:00
【问题描述】:

在我目前正在开发的 Web 应用程序中,我有 Bootstrap 的 Scrollspy 以及滚动到顶部按钮。最初两者都可以正常工作,但是在导航到我的应用程序的另一个页面并导航回来后,滚动完全被禁用。无法弄清楚是什么原因造成的。

您可以在 emeraldreview.herokuapp.com 上查看它,或者在 https://github.com/jamesemcc/review-site-template 上查看我的仓库

我不确定要包含哪些代码供您查看,所以我认为这是最简单的。感谢您的任何帮助/建议!

【问题讨论】:

    标签: ruby-on-rails ruby twitter-bootstrap scrollspy


    【解决方案1】:

    这可能是 turbolinks 问题。在app/assets/javascripts/application.js,替换

    $(document).ready(function() {
      // your code
    });
    

    $(document).on('turbolinks:load', function() {
      // your code
    });
    

    Turbolinks 的工作原理是每次在您的网站上点击一个链接时简单地切换 body 标记的内容。内容的切换不会触发 jQuery 的 $(document).ready() 处理程序,但使用 turbolinks:load 事件应该可以解决问题。

    我希望这有助于解决问题,祝你好运!

    【讨论】:

    • @jamesemcc 没问题,很高兴我能帮上忙!
    • 嘿,我不确定你能否帮我解决另一个滚动问题。但是对于我的移动菜单,在我单击指向“关于”或“联系”部分的链接后,滚动也无法正常工作。
    猜你喜欢
    • 1970-01-01
    • 2019-02-16
    • 2019-08-10
    • 2015-07-20
    • 2016-03-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多