延迟提交时的页面更改-jQuery

标题

内容

    $(document).ready(function() {
        $('#user_box').animate({width: "263px"}, "slow");

        $('#submit').click(function(){
            $('#user_box').animate({width: "0px"}, "slow");
        });
    });

毫无乐趣。任何帮助都将不胜感激。多谢各位

---

p、 一般的想法是，用户框在每次查询时向右滑动，然后在返回结果时向左滑动。它将主要是PHP，因此加载页面将从右向左滑动。我以后会想办法阻止它在登录时发生。

您可能应该使用AJAX来解决这类问题，但如果您真的想：

        $('#submit').delay(3500, function(){
            window.location = toLoad;
        });

我认为最好使用.submit（fnc）然后。点击-进入后afaik也应该工作吗

使用event.preventDefault（）并在动画完成后自行提交

---

最可靠、最灵活的方法是使用

$（）上的
complete
回调选项。设置
调用动画：

document.getElementById('submit').addEventListener('click', function(e) {
    e.preventDefault();
    setTimeout(function() {
        document.getElementById('login_form').submit();
    }, 3500);
}, false);

注意，我已经更改了提交按钮的
id
。不应将表单属性的名称指定给表单元素

有关更多选项，请参见jQuery
$（）.animate（）
API:
谢谢，非常有用。现在，只需将轻微的形状gimp向上排序，动画向下。
document.getElementById('submit').addEventListener('click', function(e) {
    e.preventDefault();
    setTimeout(function() {
        document.getElementById('login_form').submit();
    }, 3500);
}, false);

$('#btn_submit').click(function(e){
    $submit = $(this);

    e.preventDefault(); // prevent the form from being submitted until we say so

    $('#user_box').animate(
        { width: "0px" },
        {
            duration: "slow",
            complete: function(){ //callback when animation is complete
                $submit.parents('form').submit();
            }
        }
    );
});