jQuery fadeIn（）無法正常工作

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

首先，通過應用display: none來確保#login_results不可見display: none在它們上面display: none （在CSS頁面或內聯中，您可以選擇）。 然后試試這個：

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

有時，在某些過程和效果的組合下，鏈接無法按照您的想法工作...