jquery - 无法让前置 ajax 内容淡入

Question

我希望我的 ajax 调用返回的内容淡入，但我无法让它工作。

ajax 响应是 html：

<div id="com_loaded">
  <div id="com_loaded_poster"><a href="#"><?=$row['user_name']?></a></div>
  <div id="com_loaded_text"><?=$row['comment_text']?></div>
</div>

它被添加到以下 div 之前：

<div id="messages">

            <?

            $sql = "SELECT *
                    FROM items_comments, users
                    WHERE items_comments.item_id = '".$id."'
                    AND items_comments.user_id = users.user_id
                    ORDER BY comment_id DESC";
            $result = $Db->sQuery($sql);
            while($row = mysql_fetch_array($result)){

            ?>

            <div id="com_loaded">
                <div id="com_loaded_height"></div>
                <div id="com_loaded_userpic"><a href="#" class="tooltip"><img src="<?=$row['user_pic']?>" class="img_poster" /><span><?=$row['user_name']?></span></a></div>
                <div id="com_loaded_content">
                    <div id="com_loaded_poster"><a href="#"><?=$row['user_name']?></a></div>
                    <div id="com_loaded_text"><?=$row['comment_text']?></div>
                </div>
                <div id="com_loaded_divide"></div> 
            </div>
            <?

            }

            ?>


            </div>

我正在尝试通过以下方式淡入前置：

       <script>
    $(function() {
        $(".submit-comment").click(function() {

            var text = $(".txtinput").val();
            var itemid = "<?=$id?>";
            var userid = "<?=$_SESSION['user_id']?>";
            var dataString = 'text=' + text + '&userid=' + userid + '&itemid=' + itemid;

            if(text == '') {
                $('#content_error1').fadeIn(250);
                $('#content_error1').delay(1500).fadeOut(500);
            } else {



            $.ajax({
                type: "POST",
                url: "/ajax/comments.php",
                data: dataString,
                success: function(html){
                /*  $("#messages").prepend(html).fadeIn(2000); */

                $(html).hide().prependTo("#messages").fadeIn(1000);​
                }
            }); 
            }
            return false; 
        });
    }); 
  </script>

该行：

 $(html).hide().prependTo("#messages").fadeIn(1000);

似乎不起作用。我究竟做错了什么？

Answer 1

我通过使用前置来修复它。现在它正在工作