Question

为什么我的jquery幻灯片不起作用？
相关代码：

<article id="slide1">article</article>

<script>
$(document).ready(function() {
$("#slide1").slideUp(3000);
});
</script>

问题似乎在我的CSS中任何人都可以帮我弄清问题是什么？

body {
    margin:0; 
    width:375px;
    background:#fff;
    font-family: arial; 
}

#wrapper {
    position: absolute;
    height: 640px;
    width: 375px;
}

#header {
    position: fixed;
    width: 375px;
    height: 80px;
    background: #85d134;
    z-index: 4;
    opacity: 0.96;

}

.width {
    display: inline-block;
    width: 150px;
    font-size: 8pt;
}

这是Fiddle

Answer 1

以下是从左到右的示例（基于以上说明：</article>结束标记）

$(document).ready(function() {
    $("#slide1").animate({ 'margin-left': 100}, 1000);
});

Answer 2

关闭标记</article> html

<article id="slide1">article</article>
<script>
$(document).ready(function() {
$("#slide1").slideUp(3000);
});
</script>

jquery slideup不起作用

2 个答案: