Question

希望这很简单：我有一个div，我想在页面加载时滑入屏幕。

我试图找出其工作原理：

$(function() {
    $('.mydiv').slideDown(500);
});//END ONLOAD

但不是这样：

$(function() {
    $('.mydiv').show('slide', { direction: 'down' }, 500);
});//END ONLOAD

有人能给我一些建议吗？谢谢！

（ps：CSS是.mydiv {display：none;}

Answer 1

jQuery核心不包含show()方法的效果，但jQueryUI扩展show()的效果。您显示的代码要求您包含jQueryUI库（或组件）以及jQuery。

show( effect, [options], [speed], [callback] )

jQuery UI show() docs

Answer 2

显示方法定义的show方法状态的Jquery API文档如下：

.show()
.show( duration [, callback] )
.show( [duration] [, easing] [, callback] )

其中：

duration - A string or number determining how long the  animation will run. 
easing - A string indicating which easing function to use for the transition. 
callback - A function to call once the animation is complete.

使用show的正确实现将是

.show(500);

JQuery：幻灯片没有按预期工作

2 个答案: