動的データを含む動的リストをjs

Question

に追加したいのですが、ulにulを動的値で追加するメインファイルがあります。

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

私のjs.erbで私はタイトルを表示したいです。私はそれをデバッグして@quesの値はそこにあるが、ulには表示されません。以下は私のコードです。

<% 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 %> 

Iは、以下の方法を試してみました：

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

単純な文字列が正常に添付されているが、コントローラからのオブジェクトが示されていません。私は間違って何をしていますか？

Answer 1

この

変更してみてください。この

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

へ

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