单击事件上的 Jquery slideUp 在 IE 7、8、9 中不起作用

Question

我知道这个问题被问过很多次了，但我还是没法解决。如果您有任何想法，请告诉我。问题仅在 IE 中单击按钮时根本不会滑动。

这是我的代码

JS:

$(document).ready(function($){
     $('#hide_cookie').click(function(e) {
      event.preventDefault()
      $('.cookie').slideUp('slow', function() {
        // Animation complete.
      });
    });
});

CSS:

.cookie {
    background: #47515c;
    text-align: center;
    color: #dadcde;
    max-height: 115px !important;
    zoom: 1;
}
.cookie span {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}
.cookie p {
    font-size: 11px;
    line-height: 14px;
}
.cookie .button {
    height: 37px;
}
.cookie .button a {
    color: #fff;
}

HTML:

<div class="cookie">
    <div class="container_12">
        <span>Title</span>
        <p>content here</p>
    </div>
    <div class="button">
       <a href="#" id="hide_cookie" class="read-more">Hide me</a>
    </div>
</div>

FIDDLE

Answer 1

您传递 e 作为您的点击事件参数，然后调用 event。试试这个:

$(document).ready(function($){
     $('#hide_cookie').click(function(e) {
      e.preventDefault()
      $('.cookie').slideUp('slow', function() {
        // Animation complete.
      });
    });
});

jsFiddle example