javascript - removeClass 如果 addClass 单击？

Question

如果点击了新的排名，我们如何自动取消点击之前的点击？

<%= f.hidden_field(:ranking, id: 'ranking') %>
<%= image_tag('4.png', data: { ranking: 4 }, class: 'image-clicker') %>
<%= image_tag('3.png', data: { ranking: 3 }, class: 'image-clicker') %>
<%= image_tag('2.png', data: { ranking: 2 }, class: 'image-clicker') %>
<%= image_tag('1.png', data: { ranking: 1 }, class: 'image-clicker') %>

<script>
  $('.image-clicker').click(function() {
    $('#ranking').val($(this).data('ranking'));
    if ($('#ranking').hasClass('clicked')){ #Conditional doesn't work. If user clicks on second image the first image will stay clicked
      $('.clicked').removeClass('clicked')
    }else{
      $(this).addClass('clicked');
    }
  });
</script>

我试图合并这里的答案:removeClass() if it exists ，但它们对我不起作用。

Answer 1

将代码放在 document.ready 中

<script>
    $(document).ready(function(){


         //Place your javascript /jquery code here

    })
</script>