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;
}
}
});