Question

此脚本在Internet Explorer中失败，弹出窗口但关闭按钮不起作用，并且在firfox和google chrome中工作正常。

#note {
    position: relative;
    z-index: 101;
    top: 0;
    left: 0;
    right: 0;
    background: #fde073;
    text-align: center;
    line-height: 2.5;
    overflow: hidden; 
    -webkit-box-shadow: 0 0 5px black;
    -moz-box-shadow:    0 0 5px black;
    box-shadow:         0 0 5px black;
}


<div id="note">
    You smell good. <a id="close">[close]</a>
<script>
 close = document.getElementById("close");
 close.addEventListener('click', function() {
   note = document.getElementById("note");
   note.style.display = 'none';
 }, false);
</script></div>

Answer 1

更改关闭变量，关闭是一个不变量的事件。

<script>
 divclose = document.getElementById("close");
 divclose.addEventListener('click', function() {
   note = document.getElementById("note");
   note.style.display = 'none';
 }, false);
</script>

Answer 2

javascript不支持跨浏览器，而是使用jQuery

 $("#close").on('click', function() {
   $("#note").hide();
 });

弹出关闭按钮在Internet Explorer中不起作用？

2 个答案: