我知道这个问题已经问了好几次了,但我还是解决不了。如果你有什么想法,请告诉我。问题只在点击按钮时根本不滑动。
这是我的密码
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

最佳答案

e作为click事件参数传递,然后调用event。试试这个:

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

jsFiddle example

关于jquery - jQuery clickUp上的slideUp在IE 7、8、9中不起作用,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/15816749/

10-11 12:51