jQuery点击事件答案

【问题标题】：Jquery click eventjQuery点击事件
【发布时间】：2017-11-14 16:36:12
【问题描述】：

我正在使用 bootstrap 手风琴。我希望能够存储手风琴的状态。我决定使用本地存储。如果用户关闭了手风琴，我想清除本地存储，这样它就不会继续打开。我已经完成了这一切。我的问题是，当用户单击链接打开/关闭手风琴时，我正在检查“折叠”类。单击它时，我假设它是否具有“折叠”类，我可以清除本地存储。但由于某种原因，它恰恰相反。如果我否定一切都很好。我没看到什么？

  $('.accordion-right').click(function() {
    if (!$(this).hasClass('collapsed')) {
      localStorage.clear();
    } else {
      localStorage.setItem('collapseItem', $(this).attr('href'));
    }
  });

  var collapseItem = localStorage.getItem('collapseItem');
  if (collapseItem) {
    if (<%= is_patient? %>) {
      $('#record').collapse('show');
    } else {
      $(collapseItem).collapse('show');
    }
  }

这是一个 html 的 sn-p

           <div class="panel panel-default">
            <div class="panel-heading">
              <h4 class="panel-title">
                <a data-toggle="collapse" data-parent="#accordion" class="accordion-right" href="#history"><span class="glyphicon glyphicon-th">
                </span>History</a>
              </h4>
            </div>
            <div id="history" class="panel-collapse collapse">
              <div class="panel-body">
                <ul>
                  <%= nav_search_sidebar %>
                </ul>
              </div>
            </div>
          </div>

编辑：拼写

为清楚起见，当 bootstrap 事件触发时，它会删除在代码运行时动态添加的“collapsed”类。

【问题讨论】：

标签： javascript jquery html ruby twitter-bootstrap

【解决方案1】：

我已经为它创建了一个fiddle 并且它不能正常工作你的代码是正常的吗？我已经在自己的 IDE 中尝试过，但它给了我错误：<%= nav_search_sidebar %> 我不明白那是做什么的？也许解释一下？您确定您的本地存储已清除吗？我使用它来确保清除带有此密钥的本地存储：localStorage.removeItem('collapseItem');

【讨论】：