0

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);

動作しないようです。私は何が間違っているのですか?

4

1 に答える 1

0

プリペンドを使用して修正しました。今、それは働いています

于 2012-09-19T19:46:03.113 に答える