1

我的网络应用程序中有一个引导手风琴，使用引导文档中的代码：

<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" >

当页面刷新时，它总是打开第一部分。有没有办法重构代码，所以当页面刷新时它会保持页面刷新前的状态？

4

2 回答 2

1

通过更改这行代码，意识到解决方案非常简单：

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

对此：

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

刷新页面时，该部分将保持打开状态

于 2013-09-24T17:41:55.437 回答
0

有，但会很复杂。复杂性在于保留用户在交互过程中创建的页面状态。

每次更改 GUI 状态的交互都需要进行跟踪，以便在 30 秒后刷新页面时，将清楚当前状态是什么。

为了通过页面加载来保持状态，您将不得不使用本地存储来保存您在交互期间收集的数据。

将这个功能作为一个整体实现并不是一件容易的事。

于 2013-09-23T22:39:33.197 回答