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

Question

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

我有IE11，这必须在IE浏览器上运行。

点击虚线

$('.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>

Answer 1

我认为你必须声明！DOCTYPE，以便在IE8上运行它。

-多荷兰语