在平板电脑上触摸隐藏菜单，而不是在任何 iOS 设备上答案

【问题标题】：Touch for Hidden Menu working on Tablet, not on any iOS Devices在平板电脑上触摸隐藏菜单，而不是在任何 iOS 设备上
【发布时间】：2016-07-12 09:34:49
【问题描述】：

一段时间以来，我一直在尝试让我的 Wordpress 主题在 iOS 上运行。但似乎缺少一些东西，或者我不了解 iOS 设备的工作原理，导致我在这方面盲目工作。

我试图在每次点击另一个 div 时显示一个菜单（本质上是一个 div）。我目前的设置适用于 Android，但不适用于 iOS。

<script>

var $v = document.getElementsByClassName("midbar")[0];     //the div that activates the appearance of the menu.
var $x = document.getElementsByClassName("menubar")[0];     //the menu that has it's opacity set to 0 at the start.

$v.addEventListener("mouseup", TapEvent, false);     //I used mouseup, touchend works as well.

function TapEvent(event) {

    if ($x.style.opacity == 0) {

        $x.style.height = "300px";
        $x.style.opacity = "1";
        $x.style.overflow-y = "auto";

        }

        else {

        $x.style.height = "0px";
        $x.style.opacity = "0";
        $x.style.overflow-y = "hidden";

        }

    event.preventDefault();
    return false;
}

</script>

这里是临时站点：itdctest3.comule.com

当屏幕尺寸低于 700 像素时，主题将转换为移动模式。应该显示隐藏菜单的 div 是页面顶部站点标题右侧的黑色空间。

我们将不胜感激任何关于研究内容的帮助甚至只是线索。提前谢谢各位。

【问题讨论】：

你有一个 div 类
我猜它应该有一个 H "show-image-container"
您好，“sow-image-container”类来自 Site Origin Widgets Bundle（它实际上是我正在使用的插件，这就是为什么它是“sow”。抱歉造成混淆）。
看看插件 css 是否匹配。如果没有，请不要更改它，而是将错误报告给插件编写者，他们需要制作带有错误修复的新版本。
嗨，Carol，插件运行良好。他们真的是这样命名的（sow == Site Origin Widgets）实际上很混乱。我的问题是发布的代码适用于 Android，但不适用于任何 iOS 设备。感谢您的意见。
我猜你仍然坚持提交错误报告？