javascript - hide()和on()在Internet Explorer(IE)上不起作用

这段代码适用于谷歌浏览器等，但是它不适用于IE，有人知道为什么或我做错了吗？

我有IE11，并且必须在Internet Explorer上工作。

单击虚线

$('.on').hide();
$('.off, .on').on('click',
function() {
	$('.off, .on').toggle()
});

.on {
    width: 100%;
    position: relative;
}

.on:before {
    content:'';
    position: absolute;
    border-bottom: 2px solid #5092e3;
    width: 100%;
    transform: translateY(-50%);
    z-index:0;
    top:50%;
}

.off {
    width: 100%;
    position: relative;

}

.off:before {
    content:'';
    position: absolute;
    border-bottom: 2px dashed #666666;;
    width: 100%;
    transform: translateY(-50%);
    z-index:0;
    top:50%;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<div class="off">
   &ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;
</div>
<div class="on">
  &ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;
</div>

最佳答案

我认为您必须声明！DOCTYPE才能在IE8上运行它。

-多荷兰