problemi nell'inserimento di un rotaie parziali utilizzando jQuery

Question

La seguente riga di codice:

$("#comments_<%=@comment.post.id %>").append("<%= escape_javascript(render :partial => 'posts/comment', :locals => { :comment => @comment }) %>"); 

dovrebbe instert un parziale come HTML all'interno del tag div coments_xx. quello che succede è che il contenuto del partial è inserito ma non interpretato come html, cioè, invece di inserire un commento con il suo giusto formato vedo l'intero codice nella pagina web:

Esempio (questo è come esso inserirlo nel sito):

1 Comment 
<div id=comment_5_34> <span class=dateandoptions> Posted less than a minute ago<br/> 
<a href=/comments/34/5 data-method=post data-remote=true rel=nofollow>Deletea> span> 
<p><b>otra pruebab> wrote:p> <br/> <p><b> Webpage:b>asss.comp> <br/> <p class=comment-body>heeyeyeyyhep>div> 

Thanks for commenting! 

Se ho analizzare il codice javascript inserito ottengo qualcosa di simile (ho usato l'estensione firebug per vederlo):

/* Add the new comment to the bottom of the comments list */ 
$("#comments_5").append("<div id=comment_5_34> <span class=dateandoptions>  Posted less than a minute ago<br/>  <a href=/comments/34/5 data-method=post data-remote=true rel=nofollow>Deletea> span> <p><b>otra pruebab> wrote:p> <br/>  <p><b> Webpage:b>asss.comp>  <br/> <p class=comment-body>heeyeyeyyhep>div>"); 

Infine questo è il codice di il parziale che sto inserendo:

<div id="comment_<%=comment.post.id%>_<%=comment.id%>"> 
<span class="dateandoptions"> 
    Posted <%= time_ago_in_words(comment.created_at) %> ago<br/> 
    <%= link_to 'Delete', {:controller => 'comments', :action => 'eliminar', :id => comment.id, :post_id => comment.post.id}, :method => :post, :remote => true %> 
</span> 
<p><b><%= comment.user_name %></b> wrote:</p> 
<br/> 
<% if comment.web_page != nil %> <p><b> Webpage:</b><%= comment.web_page %></p> <% end %> 
<br/> 
<%= content_tag(:p, comment.contenido, :class => "comment-body") %> 
</div> 

Spero di potermi spiegare bene!

grazie in anticipo per il vostro aiuto.

Answer 1

Ho avuto un problema simile qualche giorno fa. Sembra che tu stia scappando di Rails rendendo l'output HTML sicuro.

Prova ad aggiungere .html_safe alla fine del escape_javascript:

<%= escape_javascript(render :partial => 'posts/comment', :locals => { :comment => @comment }).html_safe %> 

non sono attualmente in grado di controllare, ma se questo è causato dallo stesso tipo di problema che la mia era dovrebbe funzionare per voi .

Answer 2

Ho provato la soluzione di SaucyK e sembra la strada da percorrere, ma ho ancora un output strano reso nel mio browser.

Così ora la riga di codice va (come SaucyK proposto):

$("#comments_<%=@comment.post.id %>").append("<%= escape_javascript(render :partial => 'posts/comment', :locals => { :comment => @comment }).html_safe %>"); 

E questo è ciò che ottengo ora nel mio browser:

Posted less than a minute ago 
Deletea> span> 

diego probandob> wrote:p> 

Webpage:b>www.toteria.comp> 

pruebaaaap>div> 

Se mi guardo il codice html finale generato da rotaie e Jquery ottengo questo:

<div style="" id="comment_5_40"> 
<span class="dateandoptions">  Posted less than a minute ago<br>  <a href="/comments/40/5" data-method="post" data-remote="true" rel="nofollow">Deletea&gt; span&gt; <p><b>diego probandob&gt; wrote:p&gt; <br>  </b></p><p><b><b> Webpage:b&gt;www.toteria.comp&gt;  <br> </b></b></p><p class="comment-body"><b><b>pruebaaaap&gt;div&gt;</b></b></p></a></span></div></div> 

e il commento che ho scritto era

diego probando wrote: 

Webpage:www.toteria.com 

pruebaaaa 

Quando aggiorno la pagina Web (quindi l'annuncio è introdotto tramite rotaie e non tramite Javascript) tutto va bene.

Quindi come potete vedere all'inizio il codice è interpretato in modo rigoroso ma poi ci sono alcuni posti in cui invece di ottenere un 'I get > o invece ottengo ottengo b >.

Può essere correlato con il metodo escape_javascript ?? capisco che è necessario comunque se non voglio javascript per provare a interpretare il mio codice rubino ..

Il codice del partial che sto inserendo è sempre lo stesso del primo post !.

Grazie per la risposta, mi dispiace dover rispondere perché, ma non ero registrato in StackOverflow quando ho scritto la domanda.

Answer 3

Ho trovato la soluzione !! Solo il codice delle rotaie in # {}:

$("#comments_<%=@comment.post.id %>").append("<%= escape_javascript("#{render :partial => 'posts/comment', :locals => { :comment => @comment }}").html_safe %>");