提交后隐藏div

时间:2013-12-23 17:33:01

标签: javascript jquery

我的代码出了什么问题?

点击按钮后,我想隐藏并显示另一个结果的div

这种情况正在发生,但未运行提交代码。字段值不会传播。

$(document).ready(function(){
    $('#conteudo').hide();

    $('#button').click(function(event){

        $('form#form1').submit(function(event){
            $("#form").hide("slow");
            $("#conteudo").show("slow"); 
            event.preventDefault();
        });

    });


    $('#mostrar').click(function(event){
        event.preventDefault();
        $("#form").show("show");
        $("#conteudo").hide("show");
    });
});

2 个答案:

答案 0 :(得分:2)

http://api.jquery.com/submit/说:

  

...所以我们可以通过调用.preventDefault()取消提交操作   事件对象或从我们的处理程序返回false。 ...

您应该删除preventDefault()

答案 1 :(得分:0)

无法做到。如果朋友以这种方式解决了同样的问题。

$(document).ready(function(){
    $('#conteudo').hide();

    <?php if ((isset($_POST["MM_insert"])) && ($_POST["MM_insert"] == "form1")) { ?>
            $(document).ready(function(){ 
                event.preventDefault(); 
                $("#form").hide("slow"); 
                $("#conteudo").show("slow"); 
            });
    <?php } ?>

    $('#mostrar').click(function(event){
        event.preventDefault();
        $("#form").show("show");
        $("#conteudo").hide("show");
    });
});