0

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

Bootstrap 3 では、最初にページをロードするときはいつでも、ページ参照 (アコーディオン リンクなど) をクリックすると、アクションを繰り返すことができないことに気付きました。たとえば、FAQ を展開するとします。閉じることはできません。

しかし、ページを更新すると、突然意図したとおりに機能します。レスポンシブ デザインでもこれに気付きました。ページの幅を縮小すると、小さなメニュー アイコンも同様にバグ アウトします。ページを更新すると修正されます。

このstackoverflowによると、jQueryとターボリンクの問題です。しかし、私たちはその宝石を持っており、ローカルと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>
4

2 に答える 2

1

スパンを使用しています

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

これは、col を使用する必要があるブートストラップ 3 のブートストラップ 2 です。これが問題かもしれません。

于 2013-10-06T11:37:35.870 に答える
0

まず、jquery-turbolinksgem をインストールします。application.html.erbそして、含まれている Javascript ファイルをbody の末尾から に移動することを忘れないでください<head>。

速度を最適化するためにアプリケーションの JavaScript リンクをフッターに配置した場合は、タグ内のコンテンツの前に読み込まれるようにタグ内に移動する必要があります。この解決策は私にとってはうまくいきました。

于 2016-06-21T10:01:57.880 に答える