javascript - jQuery 显示函数短暂闪烁

Question

我对网络开发和 jQuery 还很陌生。我正在尝试将我的第一个 jQuery 方法添加到我在 Ruby on Rails 中的代码中。我有一个 CSS 类

.list-group-item{
  display: none;
}

和一个 JS 函数

$(document).ready(function(){

  $(".list-group").click(function(){
  $(".list-group-item").show();
});    

});

我用一个alert测试了一下，alert出现了。当我尝试运行它时，列表组短暂闪烁然后立即消失。我确信这是一个简单的错误。我试过在 document 函数前加上 return false，没有变化。感谢您承认我的菜鸟问题:)

Answer 1

.list-group-item 是链接吗？如果是这样，听起来页面正在重新加载，因为您没有 return false。需要这样的东西:

$(document).ready(function(){
  $(".list-group").click(function(){
    $(".list-group-item").show();
    return false;
  });    
});

这样做是在显示带有 list-group-item 类的链接后停止链接执行任何其他操作。