HTML - 为什么隐藏=“false”的元素不可见

Question

我在freemarker中有一个观点。当我加载我的模板时，我正在检查一个值是否为空。如果是，那么我想在开始时隐藏div。如果不是，那么我希望我的div可见。有人能告诉我，为什么这种尝试不起作用？

<div class="..." hidden="false"></div>

无论 hidden 是真还是假，div都不可见。为什么？

完整代码示例：

<#if errorMessageNameList??>
    <#assign hideForm="false" />
<#else>
    <#assign hideForm="true" />
</#if>
<div class="saveEquipmentPanel" hidden="${hideForm}">
    <@saveEquipmentPanel />
</div>

Answer 1

因为hidden不需要值：它可能是hidden，也可能不是hidden。您发送的布尔值将被忽略。所以，如果它应该是hidden，那么基本上只会添加{{ Html::script(asset('js/jquery-1.11.0.min.js')) }} {{ Html::script(asset('js/jquery-ui.min.js')) }} {{ Html::style(asset('css/jquery-ui.css')) }} ，如果它应该显示则不添加任何内容。