Question

我已经fiddle解释了我的问题

我想要的是在div fullScreen越来越小时滑入div newScreen。通过按运行来运行操作。

但是你可以看到newScreen没有显示。

有人可以告诉我该怎么办？

谢谢！

Answer 1

您正在尝试使用jQuery UI动画。要使代码正常工作，请添加以下引用：

<script src="http://ui.jquery.com/latest/ui/jquery.effects.core.js"></script>
<script src="http://ui.jquery.com/latest/ui/jquery.effects.slide.js"></script>

Answer 2

我已更新您的代码..

检查Fiddle

您忘了加载jquery-ui.js

Answer 3

要使用幻灯片动画，您需要包含jQuery UI的一些元素......那么您的代码就可以正常运行：

http://fiddle.jshell.net/LdJjs/22/

Answer 4

当然，没有JQueryUI引用的以下代码行会出现问题。

$('#newScreen').show('slide',{direction: 'right'}, 1000);

首先，您需要包含正确的参考。

对于你的其余代码，这一切都很好，但我个人会做这样的事情：

    $(document).ready(function() {

    $('#newScreen').hide();

    $('#addButton').click(function() 
    {
        $('#fullScreen').animate({"width":"50%"}, 1000, function() {
            $('#newScreen').show('slide',{direction: 'right'}, 1000);
        });
    }); 
});

请同时查看此处的JqueryUI参考：http://docs.jquery.com/UI/Effects/Slide

按下按钮时jquery滑动

4 个答案: