All threads / Switchery duplicate when clicking back button using Turbolinks

Ask A Question


You’re not receiving notifications from this thread.

Switchery duplicate when clicking back button using Turbolinks

Lee Terng Gio asked in Javascript

I'm implementing Switchery on my Rails app, and I'm also using Turbolinks. Everything works fine and the switchery is working except when I click to another page and then click the back button, the switchery icon actually duplicated and show twice. How do I destroy when navigating back to the page?

Here is the JavaScript code:

var ready;
ready = function() {
    var elem = document.getElementById('js-switch');
    var switchery = new Switchery(elem, {className:"switchery switchery-small"});

$(document).on('turbolinks:load', ready);
Join the discussion

Want to stay up-to-date with Ruby on Rails?

Join 53,130+ developers who get early access to new tutorials, screencasts, articles, and more.

    We care about the protection of your data. Read our Privacy Policy.

    logo Created with Sketch.

    Ruby on Rails tutorials, guides, and screencasts for web developers learning Ruby, Rails, Javascript, Turbolinks, Stimulus.js, Vue.js, and more. Icons by Icons8

    © 2021 GoRails, LLC. All rights reserved.