jquery 的幻灯片动画无法正常工作

Question

我会在单击按钮时从左侧向右侧滑动 div。我使用以下代码：

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<body>
    <button type="button" onClick="f1()">click</button>
    <div id="p1" style="display:none">
        content
    </div>
</body>
<script type="text/javascript">
    function f1(){
        $('#p1').show("slide", { direction: "left" }, 5000);
    }
</script>

但是没有发生转换，也没有显示幻灯片动画。单击按钮后 "p1" div 立即显示。我该如何解决？

Answer 1

此效果不随基本 jquery 包一起提供。您还必须将 jQuery UI 库加入队列。 jQuery UI

有关更多副作用，请参阅此文档Slide effect

jquery 的幻灯片动画无法正常工作

the slide animation of jquery doesn't work properly

html

javascript

jquery

jquery-animate