javascript代码在IE上不起作用答案

【问题标题】：javascript code not working on IEjavascript代码在IE上不起作用
【发布时间】：2017-04-27 18:14:14
【问题描述】：

这是一个用于在单击和关闭时打开的菜单图标。在 Chrome 上运行完美（Firefox 和 Opera 也是如此），但在 IE 上是一个问题（菜单总是打开，点击时什么也没有发生）。 IE版本为IE11（Chrome IE11 2张）jquery version-3.2.1。

HTML

<div class="menu-toggle">
        <div class="mini"></div>
</div>

CSS

.menu-toggle {
    padding: 1em;
    position: absolute;
    top: .8em;
    right: .5em;
    cursor: pointer;
    background-color: silver;
}

.mini,
.mini::before,
.mini::after {
    content: '';
    display: block;
    background: #fff;
    height: 3px;
    width: 1.75em;
    border-radius: 4px;
    transition: all ease-in-out 500ms;
}

.mini::before {
    transform: translateY(-6px);
}

.mini::after {
    transform: translateY(3px);
}

.open .mini {
    transform: rotate(45deg);
}

.open .mini::before {
    opacity: 0;
}

.open .mini::after {
    transform: translateY(-3px) rotate(-90deg);
}

$(".menu-toggle").click(function () {
      $(".site-nav").toggleClass("site-nav-open");
      $(this).toggleClass("open");
});

【问题讨论】：

有什么问题？
为了获得帮助，您需要说明问题所在。点击事件会触发吗？课程会增加吗？这是我们看不到的 CSS 或 HTML 的问题吗？什么版本的 IE？
那件事，什么版本的jquery？
这段代码不工作的原因一定有 1000 个。这个问题不清楚。请更具体一些，并添加您遇到的错误和您正在使用的库的版本。否则，您似乎在要求某人为您编写一些代码。 Stack Overflow 是一个问答网站，而不是代码编写服务。请查看这些链接以了解How to write effective questions 或How to create a Minimal, Complete, and Verifiable example。
sry 我是新来的……我会提供你需要的所有信息

标签： javascript jquery google-chrome internet-explorer

【解决方案1】：

我解决了一个问题...它在 css .site-nav（显示）上。全部回复。

【讨论】：

【解决方案2】：

检查此解决方案out 并尝试使用以下代码。

$(this).addClass('open').siblings(this).removeClass('open');

希望此解决方案对您有所帮助

【讨论】：