javascript - 三元运算符未执行错误语句

Question

在下面的代码中，如果条件返回 false，则三元运算符不会分配值!

<script>
                function lgn() {
                    document.getElementById('overlay').style.display = 'none' ? 'block':'none';
                    document.getElementById('lgn').style.display = 'none' ? 'block':'none';
                }
</script>

我实际上是想在我的网页上做一个覆盖，下面是 Twig:

<div class="nvg">
                <ul>
                    {% block links %}
                    <li class="n.link"><span class="fa fa-times close" onclick="lgn()"></span></li>
                    {% endblock %}
                </ul>
</div>

和

{% block overlay %}
        {{ form_start(form, {'attr':{'id':'lgn'}}) }}
        <span class="fa fa-times close" onclick="lgn()"></span><br />
        <span>Login:</span>
        {{ form_widget(form.email, {'attr':{'placeholder':'email'}}) }}
        {{ form_widget(form.pass, {'attr':{'placeholder':'password','class':'pass'}}) }}
        {{ form_end(form) }}
{% endblock %}

请帮忙...

Answer 1

三元组做一个 bool 决定，你已经写了你的总是评估为真:

'none' ? 'block':'none';

基本相同

if ('none' is true) { 
   'block'
} else {
   'none';
}

因为 none 作为一个字符串是一个真值(在大多数情况下与 bool 值 true 相同)，你总是在三元中选择“真”路径。