jQuery UI Dialog Div不使用隐藏类 - 仅使用style =＆＃34; display none＆＃34;

Question

我的团队的约定是不使用内联样式“display none” 所以我试图将一个隐藏的类应用于我的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" >

我认为应该这样做。