Möchten dynamische Liste mit dynamischen Daten durch js hinzufügen

Question

Es gibt eine Hauptdatei, in der ich li in ul mit dynamischem Wert hinzufügen möchte.

<ul class="selected_questions"></ul> 

In meinem js.erb möchte ich Titel anzeigen. Ich habe es debuggt und @ques Wert ist da, aber nicht in ul zeigt. Folgendes ist mein Code.

<% if @ques.errors.any? %> 

console.log('Error'); 
$('#dialog-form').html('<%= escape_javascript(render('form')) %>'); 
<% else %> 
console.log('Created'); 
$(".selected_questions").append('<li><span class="tab">"'+@ques.title+'"</span></li>'); 
$('#dialog-form').dialog('close'); 
$('#dialog-form').remove(); 
<% end %> 

Ich habe auch folgende Art und Weise versucht:

$('<li />', {html: @ques.title}).appendTo('ul.selected_questions') 

Einfache Kette angehängt erfolgreich, aber Objekt von der Steuerung nicht dargestellt. Was mache ich falsch ???

Answer 1

Versuchen Sie, diese

Änderung dieser

$("#selected_questions").append('<li><span class="tab">"'+@ques.title+'"</span></li>'); 

zu

$("#selected_questions").append('<li><span class="tab"><%= @ques.title %></span></li>');