Liferay 7.3.2：Aria-expanded 在更改页面后卡在 true 上

Question

我的页面上有几个下拉菜单，按钮用于打开和关闭下拉菜单。初始页面加载后一切顺利，但 切换到另一个页面后 ，下拉菜单通过单击打开，但永远不会关闭。似乎按钮的 aria-expanded 卡在 true 上，下拉的 div 有 classes collapse open，它试图折叠但永远不会折叠（点击按钮给出 div collapsing class 然后 returns）。

我不知道为什么会这样，也不知道它是否与 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>

Answer 1

答案已找到并且与 Liferay 自己的 javascript (SennaJS) 有关！

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

我将这一行添加到我的 portal-ext.properties 中，虽然它现在在所有页面更改后加载，但运行良好！

javascript.single.page.application.enabled=false

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

Liferay 7.3.2：Aria-expanded 在更改页面后卡在 true 上

Liferay 7.3.2: Aria-expanded stuck on true after changing a page

sass

freemarker

liferay-7

liferay-7.3