jQuery UI Dialog Div 不适用于隐藏类 - 仅适用于 style="display none"

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" >

我认为应该这样做。