与 HAML 格式结合使用时，jquery collapse all 不起作用答案

【问题标题】：jquery collapse all does not work when combined with HAML format与 HAML 格式结合使用时，jquery collapse all 不起作用
【发布时间】：2013-03-04 22:15:05
【问题描述】：

我的 Exapand All 按钮在以下 jsfiddle 中可以正常工作（折叠和展开）。

http://jsfiddle.net/HqXMN/6/

但以 HAML 格式使用时，“全部展开/全部折叠”功能不起作用。我无法确定问题所在。

这是我在 HAML 中的代码。

%a{ href:"#", class: "expandcollapse"}
  %i.icon-white.icon-plus-sign
  Expand All
#programs-accordion.accordion
  - @patient_summary.programs.each_with_index do |program, index|
    .accordion-group
      .accordion-heading
        .accordion-toggle.group-accordion-toggle
          %a{ href: "#collapse-#{index}", data: { parent: '#programs-accordion', toggle: 'collapse' }}
            %i.icon-plus
          %a= program.name
         .accordion-body{id: "collapse-#{index}", class: (@office.to_i == office.id) ? "" : "collapse" }
           .accordion-inner 
            - office.positions.each_with_index do |position, index|
              #measures-accordion.accordion
                .accordion-group
                  .accordion-heading
                    .row-fluid
                      .span2{class: "offices-#{position.status}"}= position.status
                      .span1= position.results.first.value
                      .span2= position.results.first.value_date_time.blank? ? '' : Date.parse(position.results.first.value_date_time)
                      .span5= position.name

注意：我已经更新了 jsfiddle 链接

【问题讨论】：

class: (@office.to_i == office.id) ? "" : "collapse" 这行可能有问题。除此之外，它看起来很坚固。 你能把它生成的 html 放进去吗？ 最后一件事，我肯定会建议考虑为这些循环做部分。它肯定会稍微清理一下代码并为您提供更多可重用的块。
感谢您的帮助。这是html。 pastebin.com/Q0jxpUVE
在您提供的 HAML 中，.accordion-body 似乎缩进了 9 个空格。
这是一些复制粘贴问题。我的缩进在我的 ide 中是正确的。

标签： javascript jquery ruby-on-rails ruby-on-rails-3 haml

【解决方案1】：

好的。因此，您的代码似乎没有任何明显错误。我能够获取生成的内容并将其放入 jsFiddle 并且效果很好。

我无法发布 jsFiddle，因为我需要附带代码，但我没有任何相关代码可以使用。对不起。

检查以确保您的 javascript 中没有任何遗漏，但除此之外似乎没有任何问题。

我仍然建议您考虑渲染部分内容，即使只是从代码简洁的角度来看。希望对您有所帮助。

【讨论】：