jquery幻灯片不起作用

问题描述：

为什么我的jQuery幻灯片不工作？
相关代码：
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

您没有内容或关闭“文章”标签吗？这里没有足够的帮助你。 – isherwood 2014-10-01 19:11:08

请显示所有相关代码。 – Hackerman 2014-10-01 19:11:35

Works fine here http://jsfiddle.net/j08691/s8340f81/ – j08691 2014-10-01 19:11:36

答

下面是左到右（基于上述澄清再一个例子：结束标签</article>）

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

上述工作正好适合您的css。看到这里：http://jsfiddle.net/f46q9mnf/1/ – ne1410s 2014-10-01 19:24:56

答

结束标记</article> HTML

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

这是字面上直接复制/粘贴@ j08691的jsfiddle从上面... – War10ck 2014-10-01 19:17:13

大家都知道这个错误代码。想在评论之前想想 – AvrilAlejandro 2014-10-01 19:57:00

不知道你的错误代码是什么意思？我所说的是，看起来巧合的是，HTML格式化的所有内容都与jsfiddle完全相同...... – War10ck 2014-10-01 19:59:24

jquery幻灯片不起作用

相关推荐