JQuery - Fadein ajaxForm()页面调用

时间:2011-04-06 03:07:55

标签: jquery

我有这个脚本在span中打开一个新页面:

$(document).ready( function() {
            $('#botao').click( function() {
                $('#pesquisar').ajaxForm({
                    type: 'POST', 
                    target: '#resultado'
                });
            });
        });

我希望新页面淡出,我试过把fadein()放在一边没有运气。我该怎么做?

1 个答案:

答案 0 :(得分:1)

我认为beforeSubmit and success回调应该到达那里。像这样:

$('#pesquisar').ajaxForm({
    type: 'POST', 
    target: '#resultado',
    beforeSubmit: function() { $('#resultado').css('display', 'none'); },
    success: function() { $('#resultado').fadeIn(); }
});

在提交表单之前调用beforeSubmit回调,并隐藏#resultado以准备fadeIn。然后ajaxForm应将回复放入#resultado并调用success回调;成功回调执行fadeIn

我没有方便的ajaxForm设置,所以我无法对此进行测试,但我非常确定以上内容是可行的。