Question

我需要在内部div消失之后使'content'div动画化。在添加回调之前，fadeOut动画有效。有人能告诉我在回调函数上搞砸了什么吗？

<script type = 'text/javascript'>
$(document).ready(function() {
    $('#content').click(function() {
        $('#topcontent,#bottomcontent').fadeOut(400, function() {
            $('#content').css({
                position:'relative',
                background-color:'black'
            }).animate({
                height:$(window).height(),
                width:$(this).width()
            },400);
        });
    });
});
</script>
</head>
<body>
    <div id = 'wrapper'>
        <div id = 'content'>
            <div id = 'topcontent'>
            TOP<br />
            </div>
            <div id = 'bottomcontent'>
            BOTTOM
            </div>
        </div>
    </div>
</body>

Answer 1

$('#content').css({
    position:'relative',
    'background-color':'black'
})

-字符是JS中的减法运算符，在此处无效（即使您尝试减去数字）。用引号包装属性可以解决这个问题。

Answer 2

您的问题出在.css（）调用中... background-color:'black'应为background: 'black'

或在评论“background-color”中指出：'black'

Answer 3

这样做。

backgroundColor:'black';

或大卫建议

'background-color':'black'

jquery回调问题

3 个答案: