Question

http://taskteam.herokuapp.com/welcome/faq

我们注意到，使用Bootstrap 3时，每当我们第一次加载页面时，单击页面引用（例如手风琴链接），您就无法重复该操作。所以说你扩展一个FAQ。你无法关闭它。

但如果你刷新页面 - 它突然按预期工作。我们也通过响应式设计注意到这一点，如果缩小页面宽度，我们的小菜单图标也会以类似的方式出现问题。刷新页面会修复它。

根据this stackoverflow，它是一个jQuery和turbolink问题。但是我们拥有该gem以及本地和heroku，它显示了相同的行为。根据chrome中的控制台，jQuery也会在Bootstrapper之前按预期加载。

    <div class="accordion" id="myaccordion">

    <div class="accordion-group">
       <div class="accordion-heading">
          <a class="accordion-toggle" data-toggle="collapse" data-parent="#myaccordion" href="#first">
       What is TaskTeam? </a> </div>

        <div id="first" class="accordion-body collapse">
             <div class="accordion-inner">  This is our inside   </div>
        </div>

</div>

Answer 1

您正在使用span

 div class="col-md-4" div class="span12"

这是bootstrap 3中的bootstrap 2你应该使用col。这可能是问题所在。

Answer 2

首先，安装jquery-turbolinks gem。然后，不要忘记将已包含的Javascript文件从application.html.erb的正文移动到其<head>。

如果您已将应用程序javascript链接放在页脚中以实现速度优化，则需要将其移动到标记中，以便在标记中的内容之前加载。这个解决方案对我有用。

除非刷新，否则页面链接在Bootstrap中失败

2 个答案: