Turbolinks不会忽略Rails应用程序中的页面

Question

The front page view ('Welcome/index.html.erb') : https://github.com/bfbachmann/Blog/blob/master/app/views/welcome/index.html.erb

Rails Version: 4.2.6

The overarching problem:

I am trying to get my THREE.js model to show up properly inside my rails app. Everything works fine when I load the page by typing its URL into the search bar in my browser or if I hit reload or 'command' + R (on Windows its 'ctrl' + 'R') on my keyboard. I have a feeling this is because Turbolinks is not fired when these actions are performed. This leaves my model in the state it should be in as shown below.

HOWEVER... when I click one of the links in the navbar (blog, projects, about etc.) and then return to the home page by clicking the house icon either the rotation speed of the model doubles, or the model is duplicated. If the model is duplicated one copy stands still while the other rotates at its regular speed as shown below.

Broken Version Screenshot

What I've Tried

I have a strong feeling Turbolinks is to blame for this. So I tried to get Turbolinks to ignore that page by adding 'data-no-turbolink' to the body of that page... it didn't work. In fact I think Turbolinks was not even ignoring the page because it still loaded much faster when I clicked the home page link than when I re-entered the page's URL.

I tried adding a callback that would stop all the javascript responsible for the front page from running when the user navigates away from the page. This can be found in the view I linked at the top. I know this callback gets fired because I tested it. That also doesn't solve the problem.

Finally, I should also mention that I am using the JQuery-Turbolinks gem to resolve conflicts between the two.

Any help would be much appreciated. I have been trying to solve this problem for weeks.

Edit: I forgot to mention that I have read that Turbolinks has problems with inline javascript... this could be causing that problem.

Edit: It appears my javascript is being run every time I load ANY page on my site even though it is inline javascript. I can't understand why.

Answer 1

It turns out I was right. Turbolinks was not ignoring that page because I did not tell it to do so correctly.

Originally I had 'data-no-turbolink=true' in the body of the page that was causing problems. It turns out that the correct way to do it is to add 'data-turbolinks=false' as stated in the rails official documentation here .