2017-02-24 34 views
1

私は現在、私はBootstrapのScrollspyとスクロールトップボタンを持っています。どちらも最初はうまく動作しますが、アプリケーションの別のページに移動してスクロールした後はスクロールが完全に無効になります。それが何を引き起こしているのか理解できません。RailsアプリケーションのURLパス変更後にScrollspyが機能しない

あなたは私はあなたが私はこれが最も簡単です理解の上に見えるようにするために私が含まれるであろう正確にどのようなコードはわからないemeraldreview.herokuapp.comでそれをチェックアウトするか、https://github.com/jamesemcc/review-site-template

で私のレポをチェックすることができます。助けてください/アドバイスをありがとう!

答えて

2

これはターボの問題である可能性があります。 app/assets/javascripts/application.jsでは、

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

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

を交換Turbolinksは、単にリンクはあなたのサイトにクリックされるたびに、bodyタグの内容を切り替えることで動作します。コンテンツの切り替えがjQueryの$(document).ready()ハンドラをトリガすることはありませんが、turbolinks:loadイベントを使用することはすべきことです。

私はこの問題を解決するのに役立ち、幸運を祈っています。

+0

素晴らしいですが、これが私の問題を解決しました。ありがとうございました! – jamesemcc

+0

@jamesemcc問題はありません。うれしいです! – Mark

+0

ねえ、別のスクロールの問題で私を助けることができるか分かりません。しかし私のモバイルメニューでは、aboutまたはcontactセクションへのリンクをクリックした後、スクロールが正しく機能しません。 – jamesemcc

関連する問題