在页面加载 jQuery .slide 时最好的方法是什么？

Question

我正在尝试找出一种在页面加载期间 .slide 的方法，但我不确定这样做的最佳实践。我熟悉使用 .slide 方法，但不确定如何修复它以在页面加载时执行，而不是在单击时执行。

     $(function() {
           $("#clickLink").click(
              function () {
                 $("#hiddenField").slideDown("slow");
             }

       )
         });

Answer 1

在脚本标签内写

$(document).ready(function (){
    $("#hiddenField").slideDown("slow");
})

注意：要在网页/html上滑动任何控件，其CSS显示属性应为

display:none

但这里从您尝试显示隐藏字段的代码中使用的 ID 。即使在 display:block 之后，HTML 隐藏字段也不会显示，这就是它们成为隐藏字段的原因。

请验证代码，如果可能的话，请验证您的 html 以及您尝试在页面加载时显示（向下滑动）的元素。

Answer 2

$(function() { ... here ... }); 中的任何内容都将在页面加载时执行。

$(function() {
    $("#hiddenField").slideDown("slow");
});

Answer 3

$().ready(function(){
    $("#hiddenField").slideDown("slow");
});