如果用户将其保存在按时间顺序排在第一位的备注下,则ranking
仅会保存。
挑战/显示
<% @challenge.dates_challenged.first(@challenge.days_challenged + @challenge.missed_days).each_with_index do |date, i| %>
<% if @notes.any? { |note| note.notes_date.strftime("%m/%d/%y") == date.strftime("%m/%d/%y") } %>
<% @notes.each do |note| %>
<% if note.notes_text.present? %>
<% if note.notes_date.strftime("%m/%d/%y") == date.strftime("%m/%d/%y") %>
<div class="notes-notes-background">
<% if note.ranking == 1 %>
<%= image_tag '1.png', class: 'note-emoticon' %>
<% elsif note.ranking == 2 %>
<%= image_tag '2.png', class: 'note-emoticon' %>
<% elsif note.ranking == 3 %>
<%= image_tag '3.png', class: 'note-emoticon' %>
<% elsif note.ranking == 4 %>
<%= image_tag '4.png', class: 'note-emoticon' %>
<% end %>
<div style="font-weight: bold; font-size: 14px; color: #a0b4f0;">DAY <%= i + 1 %></div>
<b><%= note.notes_date.strftime("%b %d, %Y") %></b><br><br>
<div style="margin-left: 20px; margin-right: 20px;">
<%= link_to edit_note_path(note) do %>
<%= simple_format note.notes_text %>
<% end %>
</div>
</div>
<% end %>
<% else %>
<% end %>
<% end %>
<% else %>
<div class="notes-form-background" style="padding-top: 1em;">
<div style="margin-bottom: -19px; color: #a0b4f0; font-weight: bold; font-size: 14px; color: #a0b4f0;">DAY <%= i + 1 %></div><br>
<div style="color: #eee;"><%= date.strftime("%b %d, %Y") %></div>
<div style="margin-left: 20px; margin-right: 20px;">
<%= render 'notes/form', :date => date %>
</div>
</div>
<% end %>
<% end %>
备注/形式
<%= form_for [@notable, @note] do |f| %>
<%= f.hidden_field(:ranking, id: 'ranking') %>
<%= image_tag('1.png', data: { ranking: 1 }, class: 'image-clicker') %>
<%= image_tag('2.png', data: { ranking: 2 }, class: 'image-clicker') %>
<%= image_tag('3.png', data: { ranking: 3 }, class: 'image-clicker') %>
<%= image_tag('4.png', data: { ranking: 4 }, class: 'image-clicker') %>
<% end %>
<script>
$('.image-clicker').click(function() {
$('#ranking').val($(this).data('ranking'));
$('.clicked').removeClass('clicked')
$(this).addClass('clicked');
});
</script>
正在保存备注中的所有其他内容,例如text
,而不是ranking
。
答案 0 :(得分:1)
页面上只能有一个且只有一个同名的html id。在您的情况下,您的所有隐藏字段都具有相同的ID #ranking
。
您的jQuery选择器将选择第一个。这就解释了为什么你要面对这个问题。
只需在隐藏字段中输入一个类,然后在单击函数中,在子项中搜索排名隐藏字段。