Question

我是Web开发和jQuery的新手。我正在尝试将我的第一个jQuery方法添加到Ruby on Rails中的代码中。我有一个css类

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

和JS函数

$(document).ready(function(){

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

});

我用警报测试了它，警报出现了。当我尝试运行它时，列表组会短暂闪烁然后立即消失。我确信这是一个简单的错误。我试过在文档函数之前添加return false，没有变化。感谢您承认我的noob问题：）

Answer 1

.list-group-item是否为链接？如果是这样，听起来就像页面正在重新加载，因为你没有返回false。需要类似的东西：

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

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

Answer 2

您需要将return false;放在show()函数之后...假设列表项是链接。 return false;会阻止选择器的默认行为。因此，如果它是一个链接，它将阻止链接运行 - 或被解雇。

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

       return false; // add this here
   });    
});

jQuery show函数暂时闪烁

2 个答案: