Jquery Rails:引导折叠不';刷新后无法工作

Jquery Rails:引导折叠不';刷新后无法工作,jquery,ruby-on-rails,twitter-bootstrap,turbolinks,Jquery,Ruby On Rails,Twitter Bootstrap,Turbolinks,我有一个简单的引导折叠(如中所示): 关于我们名字的事。 更多的话! 我想把它放在“关于我们”的页面上。它在JSFIDLE中运行良好,但在我的Rails应用程序中,我看到了以下行为: 加载一个不同的页面(不是关于我们),然后导航到“关于我们”页面:折叠工作正常 刷新“关于我们”页面:折叠不起作用 我想这与TurboLink有关,但我正在尝试的任何东西都不起作用。它最终导致了“平滑滚动”脚本对单击事件的干扰 我通过匹配“崩溃”来修复它: 显示与此“关于我们”页面相关的js或coffee

我有一个简单的引导折叠(如中所示):



关于我们名字的事。


更多的话!

我想把它放在“关于我们”的页面上。它在JSFIDLE中运行良好,但在我的Rails应用程序中,我看到了以下行为:

加载一个不同的页面(不是关于我们),然后导航到“关于我们”页面:折叠工作正常

刷新“关于我们”页面:折叠不起作用


我想这与TurboLink有关,但我正在尝试的任何东西都不起作用。

它最终导致了“平滑滚动”脚本对单击事件的干扰

我通过匹配“崩溃”来修复它:


显示与此“关于我们”页面相关的js或coffee代码。
<h3>
    <a data-toggle="collapse" href="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
        OUR NAME</a>
</h3>
<div class="collapse" id="collapseExample">
    <p>
        Stuff about our name.
    <p>
</div>
<h3>
    <a data-toggle="collapse" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
        THE BOTTOM LINE BASICS</a>
</h3>
<div class="collapse" id="collapseTwo">
    <p>
    More words!
    </p>
</div>
   $('a[href*=#]:not([href*=#collapse])').click(function() {
      if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
        var target = $(this.hash);
        target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
        if (target.length) {
          $('html,body').animate({
            scrollTop: target.offset().top
          }, 1000);
          return false;
        }
      }
    });