jQuery的/ JavaScript的：添加圖片和文本動態

原諒我，如果這是一個簡單的問題，但我有點新手jQuery的/ JavaScript的。我想知道的是，我怎麼能在同一時間有一個按下回車鍵添加圖像和註釋。我的意思是：在一個textarea的評論的用戶類型，點擊進入，他/她的評論與用戶名一起出現在一個div。我想要的是，該用戶對應的個人資料圖片也會出現，並且可以選擇評分或收藏評論。我迄今爲止得到的是以下幾點：jQuery的/ JavaScript的：添加圖片和文本動態

$(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>");  
     } 
    }); 
});

這工作。在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>");  
     } 
    }); 
});

（含路徑userpic $ vis_pic）什麼也不會發生 - 它甚至沒有明確的文字區域。我試圖追加，prepend，在一個變量中聲明html - 它只是不想吃掉它。另外，當我添加php變量以在添加評論之後顯示比率和最喜歡的選項時，它什麼也不做。這讓我感到非常緊張，因爲我在幾天之內清理了整個Inet，似乎沒有任何工作。再次，抱歉，如果這是一個簡單的問題。您非常感謝您的努力。

來源

2013-10-06 Bertus Bolknak

而不是顯示php代碼，你應該顯示評估結果。我認爲問題在於'$ vis_pic'包含你應該轉義的引號。 – Oriol

這是$ vis_pic的內容：$ vis_pic = 「」; –

而不是顯示的PHP代碼，你應該表現出它評估的結果。我認爲這個問題是$vis_pic包含雙引號，你應該逃脫

<?php echo str_replace('"', '\"', $vis_pic); ?>

也許你也可以使用addslashes

編輯：

你說$vis_pic包含

$vis_pic ="<img class=\"commentpic\" src=\"../user/$_userv/mini_profilepic.jpg\">";

問題是你逃脫的報價爲PHP，但是當你使用echo $vis_pic，PHP不打印\，所以你的代碼變成：

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

來源

2013-10-06 16:16:14 Oriol

很酷，我會試試 - 謝謝！ –

是的！這工作！ Oriol，非常感謝！ –

jQuery的/ JavaScript的：添加圖片和文本動態

回答

相關問題