想通过js添加包含动态数据的动态列表

Question

有一个主文件，我想在其中添加带有动态值的li。

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

我也试过以下方式：

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