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

Answer 2

两个问题：

'slaw'不是传递给.slideUp()的正确速度值，请尝试'慢'

您的事件函数使用“e”作为事件参数，然后将其称为event

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

Answer 3

删除event.preventDefault()，因为在这种情况下它并不重要。

Answer 4

删除event.preventDefault（）：）

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

4 个答案: