2017-03-31 55 views
1

我试图在崩溃内实现引导程序崩溃,但它不能很好地工作。使用树枝环执行引导程序崩溃

这是我的代码;

<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true"> 
{% for frame,value in object.getPortHierarchy() %} 
    <div class="panel panel-default"> 
     <div class="panel-heading" role="tab" id="heading-f-{{ frame }}"> 
      <h4 class="panel-title"> 
       <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse-f-{{ frame }}" aria-expanded="true" aria-controls="collapse-f-{{ frame }}"> 
        Frame #{{ frame }} 
       </a> 
      </h4> 
     </div> 
     <div id="collapse-f-{{ frame }}" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="heading-f-{{ frame }}"> 
      <div class="panel-body"> 
       <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true"> 
       {% for slot,value in value %} 
        <div class="panel panel-default"> 
         <div class="panel-heading" role="tab" id="heading-s-{{ slot }}"> 
          <h4 class="panel-title"> 
           <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse-s-{{ slot }}" aria-expanded="true" aria-controls="collapse-s-{{ slot }}"> 
            Slot #{{ slot }} 
           </a> 
          </h4> 
         </div> 
         <div id="collapse-s-{{ slot }}" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="heading-s-{{ slot }}"> 
          <div class="panel-body"> 
           {% for port,value in value %} 
            Port: {{ value }}</br> 
           {% endfor %} 
          </div> 
         </div> 
        </div> 
       {% endfor %} 
       </div> 
      </div> 
     </div> 
    </div> 
{% endfor %} 
</div> 

但在内部帧时隙,当点击,帧关闭为好。我仔细检查过我的IDs和正确的数字,但问题仍然存在

回答

0

也许是因为你有相同的ID #accordion,但ID应该是唯一的

{#THE FIRST ID#} <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true"> 
{% for frame,value in object.getPortHierarchy() %} 
    <div class="panel panel-default"> 
     <div class="panel-heading" role="tab" id="heading-f-{{ frame }}"> 
      <h4 class="panel-title"> 
       <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse-f-{{ frame }}" aria-expanded="true" aria-controls="collapse-f-{{ frame }}"> 
        Frame #{{ frame }} 
       </a> 
      </h4> 
     </div> 
     <div id="collapse-f-{{ frame }}" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="heading-f-{{ frame }}"> 
      <div class="panel-body"> 
     {#HERE#}  <div class="panel-group" id="accordion-{{frame}}" role="tablist" aria-multiselectable="true"> 
       {% for slot,value in value %} 
        <div class="panel panel-default"> 
         <div class="panel-heading" role="tab" id="heading-s-{{ slot }}"> 
          <h4 class="panel-title"> 
        {#HERE#}   <a role="button" data-toggle="collapse" data-parent="#accordion-{{frame}}" href="#collapse-s-{{ slot }}" aria-expanded="true" aria-controls="collapse-s-{{ slot }}"> 
            Slot #{{ slot }} 
           </a> 
          </h4> 
         </div> 
         <div id="collapse-s-{{ slot }}" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="heading-s-{{ slot }}"> 
          <div class="panel-body"> 
           {% for port,value in value %} 
            Port: {{ value }}</br> 
           {% endfor %} 
          </div> 
         </div> 
        </div> 
       {% endfor %} 
       </div> 
      </div> 
     </div> 
    </div> 
{% endfor %} 
</div>