Невозможно добавить 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" />.

Надеюсь, это поможет.