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

Posted 2023-05-08

【中文标题】hide() 和 on() 在 Internet Explorer (IE) 上不起作用

【英文标题】：hide() and on() doesn't work on internet explorer (IE)

【发布时间】：2018-04-12 18:30:56

【问题描述】：

这段代码适用于谷歌浏览器等，但它不适用于 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>

【问题讨论】：

在 Windows 10 上的 IE 中运行良好

那么您的 IE 是否以 IE8 运行？

所以我刚刚注意到这个例子在***中的IE上工作，但它在我的网站上不工作。这有什么原因吗？

我其实有IE11~给大家带来了困扰~

如果 sn-p 有效，但在您的站点中不起作用，则问题出在其他地方，我们无法根据此信息为您提供帮助。请在运行您的网站时收集您可以在控制台中找到的相关信息，并尝试扩展 sn-p 直到可以重现问题。如果您一步一步地这样做，您可能会足够快地找到问题的原因。

【参考方案1】：

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

-多荷兰语

【讨论】：

如果你有 IE10+，你应该在你的选择器中使用 ::-ms-，在谷歌上找到更多关于这个的信息：developer.mozilla.org/en-US/docs/Web/CSS/::-ms-value