slideDown jquery AJAX中的傳入數據

Question

我是jQuery AJAX的新手，所以如果問題太明顯我會道歉。

我在ASP.NET中有2個webforms，一個是將數據添加到數據庫中，另一個是以ul-li格式顯示數據。

到目前為止，我只獲得了基本的jQuery AJAX，只要有新數據，就會顯示出來。

我希望每當添加新數據時，它必須以slideDown格式顯示給用戶。

注意：我沒有任何答案。 下面的答案沒有幫助。

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script>
        $(document).ready(function () {
            $.ajax({
                url: 'WebForm1.aspx',
                success: function (data) {
                    $("#Urunler").html("<li>" + data + "</li>");
                }
            });
        });
    </script>
    <style>
        td
        {
            width: 200px;
            height: 30px;
            background: yellow;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>


        <ul id="Urunler" runat="server">

        </ul>


    </div>
    </form>
</body>
</html>

非常感謝你。

Answer 1

你可以做：

$("#Urunler").hide().html("<li>" + data + "</li>").slideDown();

由於你的AJAX是在頁面加載的，你可以從通過CSS隱藏的UL開始，並以任何一種方式刪除.hide() 。

slideDown jquery AJAX中的傳入數據

問題描述

1 個解決方案

解決方案1
3 已采納 2013-10-28 15:04:13

slideDown jquery AJAX中的傳入數據

問題描述

1 個解決方案

解決方案1 3 已采納 2013-10-28 15:04:13

解決方案1
3 已采納 2013-10-28 15:04:13