jQuery显示div然后消失

Question

如果这是一个简单的问题,我提前道歉,我有这个javascript代码:

$(document).ready(function() {
    $("#results").hide();

    var html = $.ajax({ url: "ajax.php?db_list=get", async: false}).responseText;

    $("#submit").click(function () { 
        $("#results").show(); 
    });
});

我有一个看起来像这样的按钮:

<fieldset class="action">
        <button name="submit" id="submit">Submit</button>
</fieldset>

当我点击提交按钮时,我想显示结果div并让它保持在那里,但是在Chrome中它弹出然后立即消失,这是因为我的文档顶部的hide()函数准备好了吗？

谢谢!

Answer 1

...这是因为我文档顶部的hide()函数准备好了吗？

大概.我猜这个页面很新鲜.如果您不想这样,请return false;在处理程序中使用.

$("#submit").click(function () { 
    $("#results").show();
    return false; 
});

或event.preventDefault().

$("#submit").click(function ( event ) { 
    $("#results").show();
    event.preventDefault();
});