无法附加jQuery的

Question

我无法追加页面似乎只是刷新在那里，因为我想查看它无需刷新页面

的index.php

<div class="view_comment"> 
     <b>username :</b> <?php echo $comment_comment;?> 
</div> 
<div id="comment_type_area" class="comment_type_area"> 
     <form method="POST"> 
      <input type="text" class="comment" post_id="<?php echo $shared_id2; ?>" id="text_comment" placeholder="Write a Comment"></input> 
      <input type="submit" id="post_button" ></input> 
     </form> 
     </div> 

的jquery.js

$(document).ready(function(){ 

     $('.comment').keydown(function (e){ 
      if(e.keyCode == 13){ 
       var post_id = $(this).attr('post_id'); 
       var comment = $(this).val(); 
       $.post('/comment.php',{ post_id: post_id, comment:comment}); 
       $('.comment').val(''); 
/*i am guessing the problem starts from here and onwards*/ 
       $(this).parent().children('.comments').append("<div class='view_comment'><b>Username :</b>" + comment +"</div>"); 
      } 
     }); 

    }); 

Answer 1

错误是在jQuery的岗位我被追加它..children('comments').append这是错了，它应该是这样的

$(document).ready(function(){ 

    $('.comment').keydown(function (e){ 
     if(e.keyCode == 13){ 
      e.preventDefault(); 
      var post_id = $(this).attr('post_id'); 
      var comment = $(this).val(); 
      $.post('/comment.php',{ post_id: post_id, comment:comment}); 
      $('.comment').val(''); 
      $(this).parent().append("<div class='view_comment'><b>Username :</b>" + comment +"</div>"); 
     } 
    }); 

}); 

Answer 2

您应该添加e.preventDefault()以防止提交，因为当您点击输入button形式的领域，将自动提交表单：

if(e.keyCode == 13){ 
    e.preventDefault(); 

    var post_id = $(this).attr('post_id'); 
    var comment = $(this).val(); 
    ... 
} 

注：输入是自我封闭的标签之一，所以它应该是<input type="submit" id="post_button" />。

希望这会有所帮助。