Question

jquery的：

    $.post("process_login.php",
        {username : $("#username").val(), password : $("#password").val()},
        function(data) {
            $("#login_results").fadeIn("slow").html(data);
            }
        )

HTML：

<table>
    <tr><td id="login_results"></td></tr>
    <tr><td><input type="text" id="username" /></td></tr>
    <tr><td><input type="password" id="password" /></td></tr>
    <tr><td><input type="submit" id="login_submit" /></td></tr>
</table>

数据显示，但它没有消失。我不明白为什么。 = /。如果您需要任何其他详细信息，请与我们联系。

Answer 1

可能是因为你的顺序相反。你想要

$("#login_results").html(data).fadeIn("slow");

否则你正在淡化一些没有任何内容的东西。

另外，尝试确定帖子请求返回的内容类型。

$.post("page", {params}, function(data){}, "html");

在查看其他答案后，完整的答案越多，首先也会使login_results不可见：

<td id='login_results' style='display:none'></td>

Answer 2

在jquery效果方面，表格变得非常挑剔。将内容插入div应该可以解决问题：

<table>
    <tr><td><div id="login_results" style="display:none"></div></td></tr>
    <tr><td><input type="text" id="username" /></td></tr>
    <tr><td><input type="password" id="password" /></td></tr>
    <tr><td><input type="submit" id="login_submit" /></td></tr>
</table>

Answer 3

首先，确保通过对#login_results应用display: none来显示$.post("process_login.php", {username : $("#username").val(), password : $("#password").val()}, function(data) { $("#login_results").html(data); $("#login_results").fadeIn('slow'); } )（在CSS页面或内联中，您的选择）。然后试试这个：

{{1}}

有时链接不会像你想象的那样使用某些过程和效果组合......

jQuery fadeIn（）无法正常工作

3 个答案: