首页 > 解决方案 > Ipad 上的 Safari Web 扩展对 DOM 操作无响应

问题描述

我有一个 Safari 网络扩展程序,单击按钮后会出现一个下拉菜单。再次单击它会使其消失。这在所有其他 ios 设备和 mac 上按预期工作,但在 ipad 上,最外面的容器(白色部分)保持下降。这种工作方式是在 html 中有一个部分

<section id="activeMerchants">
        <h2>
            <span class="toggle">
                View Active Retailers <span id="triangle">&#x2023;</span>
                <!--<span id="triangle">▶&lt;/span>-->
            </span>
        </h2>
        <div class="showhide" id="showhide">
            <div class="ams loading"> </div>
        </div>
</section>

在其中,“showhide” div 默认设置为“display: none”。单击按钮后,它会设置为“显示:阻止”,这会导致该部分展开并显示信息列表。再次单击后,它将设置为“显示:无”,所有内容都会消失,但最外面的容器仍然很大。它甚至不在我的 html 代码中,所以不知道如何编辑它。 - 见下文 在此处输入图像描述

正如您所看到的,html 被突出显示,但它只覆盖了大约一半的可用空白空间,所以我不知道是什么导致最外面的元素保持下降。如果有人知道如何解决这个问题,请告诉我。

标签: htmlcsssafari-web-extension

解决方案


推荐阅读