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

...is this because of the hide() function at the top of my document ready?

也许吧。我猜页面正在刷新。如果您不想这样做，请在处理程序中使用 return false;。

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

或event.preventDefault() .

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