Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/431.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery/Javascript:动态添加图片和文本_Javascript_Php_Jquery - Fatal编程技术网

Jquery/Javascript:动态添加图片和文本

Jquery/Javascript:动态添加图片和文本,javascript,php,jquery,Javascript,Php,Jquery,如果这是一个简单的问题,请原谅,但我对Jquery/Javascript还是有点新手。我想知道的是,我如何可以添加一个图像和一个评论,同时按下回车键。 我的意思是:用户在文本区域中键入一条评论,点击回车键,他/她的评论与用户名一起出现在div中。我想要的是,与该用户对应的配置文件图片也会出现,以及对评论进行评分或收藏的选项。 到目前为止,我得到的情况如下: $(document).ready(function() { $('.comment').keyup(function(e) {

如果这是一个简单的问题,请原谅,但我对Jquery/Javascript还是有点新手。我想知道的是,我如何可以添加一个图像和一个评论,同时按下回车键。 我的意思是:用户在文本区域中键入一条评论,点击回车键,他/她的评论与用户名一起出现在div中。我想要的是,与该用户对应的配置文件图片也会出现,以及对评论进行评分或收藏的选项。 到目前为止,我得到的情况如下:

$(document).ready(function() {
    $('.comment').keyup(function(e) {
        if (e.keyCode == 13){
            var post_id = $(this).attr('post_id');
            var comment = $(this).val();
            $(this).val('');
            $.post('../php_includes/comment.php', {post_id: post_id, comment: comment});
            $(this).parent().children('.comments').append("<div class='view'><?php echo $_username;?> remarks: " + comment + "</div>");     
        }
    });
});
$(文档).ready(函数(){
$('.comment').keyup(函数(e){
如果(e.keyCode==13){
var post_id=$(this.attr('post_id');
var comment=$(this.val();
$(this.val(“”);
$.post('../php_includes/comment.php',{post_id:post_id,comment:comment});
$(this.parent().children('.comments').append(“备注:“+comment+”);
}
});
});
这很有效。在div中显示“视图”:用户名备注:注释。但是,当我这样做时:

$(document).ready(function() {
    $('.comment').keyup(function(e) {
        if (e.keyCode == 13){
        var post_id = $(this).attr('post_id');
        var comment = $(this).val();
        $(this).val('');
            $.post('../php_includes/comment.php', {post_id: post_id, comment: comment});
        $(this).parent().children('.comments').append("<div class='view'><?php echo $vis_pic;?><?php echo $_username;?> remarks: " + comment + "</div>");       
        }
    });
});
$(文档).ready(函数(){
$('.comment').keyup(函数(e){
如果(e.keyCode==13){
var post_id=$(this.attr('post_id');
var comment=$(this.val();
$(this.val(“”);
$.post('../php_includes/comment.php',{post_id:post_id,comment:comment});
$(this.parent().children('.comments').append(“备注:“+comment+”);
}
});
});

(包含userpic路径的$vis_pic)什么都没有发生-它甚至没有清除文本区域。我试图在变量中附加、前置、声明html——它只是不想吃掉它。另外,当我在添加注释后添加php变量以显示rate和favorite选项时,它什么也不做。这让我快发疯了,因为我已经在Inet上扫了好几天了,似乎什么都没用。同样,如果这是一个简单的问题,我很抱歉。非常感谢您的努力。

您应该显示评估结果,而不是显示php代码。我认为问题在于
$vis_pic
包含双引号,您应该转义:

<?php echo str_replace('"', '\"', $vis_pic); ?>
问题是您对php的引号进行了转义,但是当您使用
echo$vis\u pic
时,php不会打印
\
,因此您的代码变成:

.append("<div class='view'><img class="commentpic" src="../user/[userv]/mini_profilepic.jpg"> remarks: " + comment + "</div>");
.append(“备注:“+comment+”);

不显示php代码,而应显示评估结果。我认为问题在于,
$vis_pic
包含您应该转义的引号。这是$vis_pic:$vis_pic=“”;
.append("<div class='view'><img class="commentpic" src="../user/[userv]/mini_profilepic.jpg"> remarks: " + comment + "</div>");