Question

从HTML表单中，我调用jQuery方法，触发警报消息并使图像变得可见，但图像在一秒后消失？这是我的表格：

<form action= "jquery.php" method="post" > 
    <label for="farfar">Farfar:</label> <input type="text" placeholder="farfar" name="farfar"> 
    <input type="submit" value="Tilføj">
</form>

在文件jquery.php中，我有以下脚本：

$(document).ready(function(){
    $("form").submit(function(){
        alert("Submitted");
        $(".ff").show();
    });
});

我制作了一个PHP脚本：

<?php
    $farfar = $_POST['farfar'];
?>

图像是一个类（在脚本之外）：

img class ="ff" src="human.png"...

在我的CSS文件中，我已经在图像上设置了当前值。

img {
    display: none;
    position: relative;
}

现在，当我加载页面并为表单赋值时，将正确调用jQuery，显示警报消息并显示图像。但只有1秒左右，它再次消失。我究竟做错了什么？如何让图像留在屏幕上？

Answer 1

您的图片消失的原因是您的网页POST并改变了网页的内容。我不确定你要发布的是哪个网址，但你可以尝试将表单发布到自己，然后可能会工作。或者您也可以使用jQuery通过异步方式POST表单，这样页面就不会加载。

从动作表单调用jQuery

1 个答案: