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