jQuery UI對話框不與隱藏類工作 - 只與樣式=「顯示無」

Question

您好我的團隊有約定不使用內聯樣式「顯示沒有」 所以我試圖應用一個隱藏的類到我的jQuery UI對話，這是行不通的。有人對此有經驗嗎？

{% for event in swRegional %} 
       <div class="dialog" data-index="loop7{{ loop.index0 }}"> 
        <li class="contentli">{{ event.value }} {{ event.subline }}</li> 
       </div> 
       <div style="display:none;" id="anmelden_boxloop7{{ loop.index0 }}" class="{{ event.value }}{{ loop.index0 }}" > 
        {% include 'ansprechpartnerSingle.twig' %} 
         {% if loop.index0 == 0 %} 
          {% for key, ap in ansprechpartner %} 
          <li class="ansprechpartnerContainer ceo0">{{ ap.swRegional0 }}</li> 
          {% endfor %} 
         {% endif %} 
         {% if loop.index0 == 1 %} 
          {% for key, ap in ansprechpartner %} 
          <li class="ansprechpartnerContainer ceo0">{{ ap.swRegional1 }}</li> 
          {% endfor %} 
         {% endif %} 
       </div> 
      {% endfor %} 

這是當前的代碼，當我添加隱藏的{display：none}類時，對話框不顯示任何內容。

每次一樣，:-)

Answer 1

<div id="anmelden_boxloop7{{ loop.index0 }}" class="{{ event.value }}{{ loop.index0 }} hidden" > 

我想這應該做的隨意downvote。