Question

我正在尝试在这里进行第二次下拉导航，我想要它做的就是在它被触发显示并且确实向下滑动时很好地向下滑动。然而，它在一秒左右后就会消失，为什么会这样呢？

HTML

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-2.1.4.js"></script>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
  <header></header>
  <nav>
    <a href="">Toggle</a>
  </nav>
  <div id="lower_nav">
    This is some text.
  </div>
  <div></div>
  <footer></footer>
</body>
</html>

SASS

*
  margin: 0

header
  background-color: tomato
  height: 120px

nav
  background-color: brown
  padding: 20px
  a
    color: white

div
  background-color: f0f0f0

#lower_nav
  background-color: blue
  padding: 20px
  color: white
  display: none

Jquery的

$(function() {
  $("a").on("click", function() {
    $("#lower_nav").slideDown();
  });
});

Answer 1

我意识到通过点击链接我正在重新加载页面，因此我的栏正在消失。我用jquery的preventDefault函数解决了这个问题。

为什么我的jquery重置了？

1 个答案: