Question

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

但是，当以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链接

Answer 1

好。因此，您的代码似乎没有任何明显错误。我能够获取生成的内容并将其放入jsFiddle，它工作正常。

我无法发布jsFiddle，因为我需要附带代码，但我没有任何相关代码可以随身携带。遗憾。

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

我仍然建议你研究渲染部分，如果只是从清晰的代码角度来看。希望有所帮助。

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

1 个答案: