Question

我想要完成的是，用户可以选择列表组中的一个项目，并且无法返回它与项目中的项目一起活动。我似乎无法使用jquery，或者我没有正确地执行此操作。

感谢任何反馈/帮助。

这是HAML代码

= form_for @editor do |f|
  %body
   .container
    .list-group
      %a.list-group-item.active Hello 
      %a.list-group-item Hey 
      %a.list-group-item Greetings

我制作了一个名为editors.js的js文件

$(document).ready(function() {
 $(".list-group-item").live('click', function(){
  $('.active').removeClass('active');
  $(this).addClass('active');
 });
});

Answer 1

＆＃13;

$(document).on("click", ".list-group-item", function(){
  $(this).addClass('active')
    .siblings('.active')
    .removeClass('active');
});

＆＃13;

.active {
  color: red;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="list-group">
  <a class="list-group-item active">Hello</a>
  <a class="list-group-item">Hey</a>
  <a class="list-group-item">Greetings</a>
</div>
<div class="list-group">
  <a class="list-group-item active">Bye</a>
  <a class="list-group-item">Adios</a>
  <a class="list-group-item">Auf Wiedersehen</a>
</div>

＆＃13;

通过委托文档而不是将处理程序附加到DOM节点，这也使幂等和turbolink兼容。

Rails单击事件不起作用

1 个答案: