javascript (jquery) добавил текстовые комментарии. - PullRequest
Новая
       7

javascript (jquery) добавил текстовые комментарии.

1 голос
/ 31 августа 2011

Я работаю в системе комментариев на основе JavaScript:

Это Javascript, который генерирует html-комментарий: 

    $.each(comments.user,function(key,value)
        {
        comment_string += '<div class = "r_comment_header">';
        comment_string+= '<a class = "r_comment_user" href = "profile.php?id=' + comments.user_id[key] + '" title = "Profile of ' + value + '">' + value + ' </a>';
        if(comments.pm_button[key])
            comment_string+= '<input type = "button" class = "comment_send_pm" value = "Message" name = "' + comments.user_id[key] + '" title = "Send this user a private message"/>';
        comment_string+= '<span class = "r_comment_time">' + comments.time[key] + '</span>';
        comment_string+= '</div>';
        comment_string+= comments.content[key];
        comment_string+= '<div class = "comment_abuse_wrapper">';
        comment_string+= '<input type = "button" class = "comment_report_abuse" name = "' + comments.id[key] + '" value = "Report abuse" title  = "Report this comment as inappropriate content"/>';
        comment_string+= '</div>';
        });

    $('#request_comments').html(comment_string);

Что происходит, когда я добавляю новый комментарий через поле ввода текста, так это то, что содержимое комментария игнорирует границы контейнеров div и не переносит строки:

http://i.imgur.com/V85Vc.png

Это контейнеры div css: 

#request_comments
{
width:658px;
padding: 10px;
margin: 10px 0 0 10px;
}

есть предложения?

1 Ответ

1 голос
/ 31 августа 2011

Это нормальное поведение HTML.Это происходит, если у вас есть строка, которую нельзя развернуть (т. Е. Нет символов или пробелов), и она совершенно не связана с JavaScript или jQuery.

Самое простое решение - использовать параметр overflow: hidden CSS.

PS:Вам следует подумать об использовании шаблонов, а не просто создавать разметку с помощью строк.В настоящее время есть несколько хороших шаблонных движков для JavaScript.Посмотрите, например, http://api.jquery.com/jquery.tmpl/.

...