slideDown傳入數據在jQuery AJAX

我是新的jQuery AJAX，所以我很抱歉如果問題太明顯了。slideDown傳入數據在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>

非常感謝你。

來源

2013-10-28 Hasan Alaca

你可以這樣做：

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

由於您的AJAX是在頁面加載，你可以與UL通過CSS隱藏啓動並刪除.hide()，無論哪種方式。

來源

2013-10-28 15:04:13 tymeJV

或者爲了更加奇特的效果，用'.slideUp（）'替換'.hide（）'。 – SidOfc

@SidneyLiebrand - 想到了這一點，但如果UL在一開始是空的，不會有太大的區別。 – tymeJV

的確如此，但是每次提交表格後OP都會需要這個 – SidOfc

slideDown傳入數據在jQuery AJAX

回答

相關問題