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