Problèmes avec les commentaires multilignes jquery

Question

Je crée un site web avec un tas d'images sur le site, et en dessous de chaque image il y a la possibilité de commenter l'image et après que les commentaires soient affichés sans le chargement de la page et le contenu du commentaire , le problème est quand j'ai de longs commentaires qui cassent la ligne courante ils ne sont pas affichés puisque ma boîte de commentaire css débordement est cachée. Voici par exemple:

Ceci est un commentaire - Ce message apparaît correctement
Ceci est un commentaire Ceci est un commentaire Ceci est un commentaire - c'est pas affiché correctement

puisqu'elle pause ligne. Voici le code jQuery pour cela:

$.ajax({ 
    type: "POST", 
    url: "<?=base_url()?>imagesform/post_comment", 
    data: datas, 
    success: function() { 
     $("#image-comments-" + image_id).attr("class", "comments"); 
     $("#image-comments-" + image_id).append("<li id=\"new_append_" + image_id+ "\">" + $("#image").find(".comment").val() + "</li>").children(':last').height($('.comments li:last').height()).hide().slideDown(500, function() { 
      var bodyHeight = $('html').height(); 
      $('.addComment').fadeOut(300, function() { 
       $('html').height(bodyHeight); 
      }); 
     }); 
     alert($("#image").find(".comment").val()); 
    } 

}); 

Ici, le $("#image").find(".comment").val() est la valeur du texte de la zone dans laquelle commentaire est entrée, quand je l'alerter l'entrée toute la ligne à plusieurs est mis là son pas annexé au li correctement, cela fait partie quand je suis confus, des suggestions pourquoi seulement une partie de la chaîne entrée est ajoutée?

Answer 1

Ce fut la réponse, la hauteur pour une suis fait raison:

$("#image-comments-" + image_id).append("<li id=\"new_append_" + image_id+ "\" style=\"height:auto !important;\">" 

Ajouté height:auto !important; attribut css nouvellement créé li

Answer 2

Il me semble que vous voulez remplacer les caractères de nouvelle ligne par <br> pour les afficher via HTML.

alert($("#image").find(".comment").val().replace('\n', '<br>'));