1

我对 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 ，没有变化。感谢您承认我的菜鸟问题:)

4

2 回答 2

2

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

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

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

于 2013-11-14T20:43:35.267 回答
2

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

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

       return false; // add this here
   });    
});
于 2013-11-14T20:44:35.823 回答