Bootstrap手風琴刷新設置

Question

我的Web應用程序中有一個bootstrap手風琴，它使用bootstrap文檔中的代碼：

<div class="accordion" id="accordion2">
  <div class="accordion-group">
    <div class="accordion-heading">
      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">Section 1</a>
    </div>
    <div id="collapseOne" class="accordion-body collapse in">
      <div class="accordion-inner">
      </div>
    </div>
  </div>
  <div class="accordion-group">
    <div class="accordion-heading">
      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">Section 2</a>
    </div>
    <div id="collapseTwo" class="accordion-body collapse">
      <div class="accordion-inner">
      </div>
    </div>
  </div>
</div>

在我的application.html.erb文件中，設置了一行代碼，每30秒刷新一次頁面。

<meta http-equiv="refresh" content="30" >

頁面刷新時，它總是在打開第一部分的情況下打開。 有沒有一種方法可以重構代碼，以便頁面刷新時將保持刷新之前的狀態？

Answer 1

通過更改以下代碼行，實現解決方案非常簡單：

<div id="collapseTwo" class="accordion-body collapse">

對此：

<div id="collapseTwo" class="accordion-body collapse in">

頁面刷新后，該部分將保持打開狀態

Answer 2

有，但是會很復雜。 復雜性在於保留用戶在交互過程中創建的頁面狀態。

每次更改GUI狀態的交互都需要進行跟蹤，以便在30秒后頁面刷新時，可以清楚地知道當前狀態。

為了通過頁面加載保持狀態，您將必須使用本地存儲來保存在交互過程中收集的數據。

整體上實現此功能將不是一件容易的事。