Question

如何使用slideDown()效果而不是正常渲染来加载表单？

另外，我如何知道何时加载了特定的div或元素？

Answer 1

将您的表单包裹在div <div id='mydiv'></div>

中

 $(document).ready(function() {
    $('#mydiv').hide();
    $('#mydiv').slideDown('slow',function(){
      //here write something, it will be executed when slidedown is complete
      alert('div loaded');
    })
});

你也可以不用div包装，但语义很重要。

Answer 2

诀窍是最初隐藏表单（向其添加style="display: none;"）然后在文档准备就绪时向下滑动：

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

Live test case

关于你的另一个问题（当加载了特定的div或元素时），只有图像才有可能，像<div>这样的普通DOM元素在完成加载时不会触发任何事件，你只能处理全局{窗口/文档本身的{1}}。

Answer 3

您可以在页面完成加载时向下滑动所需的元素。

$(document).ready(function() {
    $('elementYouWant').slideDown();
});

Answer 4

可能的选择是：

$.post('/url-having-your-form/',{data:someDataHere},function(response){
   $('#your-destination-element-that-needs-the-form').html(response).slideDown('slow',function(){
      // this code will be executed after the slideDown has finished
   });
},'html');

假设您的页面尚未填写表单，请使用上面的内容（在需要时进行修改），如果已经有表单，那么您可以尝试这样的内容：

$(document).ready(function(){
$('#your-destination-element').css({display:'none'}).slideDown();
});

您目前看到的行为是什么？

jQuery：在加载时形成slideDown（）

4 个答案: