2017-03-31 57 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>