1つずつ表示されるクイズと質問を作成し、クリックするとリスト内の質問のIDに移動するリスト内の質問を表示する必要があります。しかし、ローダーが停止しないと機能しません
ここに私のスクリプトがあります
<script type="text/javascript">
function set_active(){
$$('.active-link').each(function(e){
e.removeClassName('active-link');
});
this.addClassName('active-link')
}
function draw_report(){
Element.show('loader')
new Ajax.Request('answers/ans',
{asynchronous:true, evalScripts:true,
parameters:'passed_question='+this.id+'&exam_group_id=<%= @exam_group.id %>',onSuccess:function(request){Element.hide('loader')}
})
}
document.observe("dom:loaded", function() {
$$('.student-link').invoke('observe','click',draw_report);
$$('.student-link').invoke('observe','click',set_active);
});
</script>
ビューページで
<div class="list_id">
<%= "Questions" %>
</div>
<% @slno = 0 %>
<ul class="student_list">
<% @questions.each do |s| %>
<% @slno = @slno+1 %>
<li class="student_names">
<a href="#" id="<%=s.id%>" class="student-link" > <%= @slno %></a>
</li>
<% end %>
</ul>
しかし、質問IDをクリックしても何も応答しません