Liferay 7.3.2：更改页面后 Aria 扩展卡在 true 上答案

【问题标题】：Liferay 7.3.2: Aria-expanded stuck on true after changing a pageLiferay 7.3.2：更改页面后 Aria 扩展卡在 true 上
【发布时间】：2021-11-01 12:42:55
【问题描述】：

我的页面上的下拉菜单很少，有打开和关闭下拉菜单的按钮。初始页面加载后一切正常，但切换到其他页面后，下拉菜单通过点击打开，但从不关闭。似乎按钮的aria-expanded 卡在true 上，下拉div 有类collapse open，它试图折叠但永远不会这样做（单击按钮会给出div collapsing 类，然后返回）。

我不知道为什么会发生这种情况，也不知道它是否与 Liferay、freemarker、css 或其中任何一个有关......

这是我的应用展示模板：

<div id="a_language_selector">
    <button
        aria-controls="a_language_list"
        aria-expanded="false"
        role="button"
        data-toggle="collapse"
        data-target="#a_language_list"
    >
        <!-- CHANGE THIS -->
        <@liferay.language key="EN" />
    </button>

    <ul
        id="a_language_list"
        class="panel-collapse collapse"
        aria-labelledby="a_language_list"
    >
        <#if entries?has_content>
            <#list entries as navigationEntry>
                <li aria-label="${navigationEntry.getName()}">
                    <a href="${navigationEntry.getURL()}">
                        ${navigationEntry.getName()}
                    </a>
                </li>
            </#list>
        </#if>
    </ul>
</div>

【问题讨论】：

标签： sass freemarker liferay-7 liferay-7.3

【解决方案1】：

找到了答案，和Liferay自己的javascript（SennaJS）有关！

在 Liferay 中更改页面不会更新整个站点，并且会在会话周围留下旧信息，从而破坏崩溃。

我将此行添加到我的portal-ext.properties 中，虽然它现在在所有页面更改后加载，但效果很好！

javascript.single.page.application.enabled=false

找到更多信息here (help.liferay.com)

【讨论】：