Question

我主要是一个djangonaut和phper，但我正在开发javascript。

我一直在寻找这个非常简单的块来获取页面上的反馈小部件。代码非常明显。

<a id="feedback-widget-toggle" href="[feedback_url]">Feedback</a>
<div id="feedback-widget">
  <form method="POST" action="[form_url]">
    ...
  </form>
</div>

<script type="text/javascript">
  $(document).ready(function() {
    $("#feedback-widget-toggle").click(function() {
      $("#feedback-widget").toggle("slide", {}, 500);
      return false;
    });
  });
</script>

这很简单。这么简单，我觉得这个很愚蠢。

jQuery应该禁用链接并滑出feedback-widget div。而已。我是jQuery的新手，所以它可能是一些非常简单的语法错误，我不确定如何调试得足够好。

感谢。

Answer 1

<script type="text/javascript">
  $(document).ready(function() {
    $("#feedback-widget-toggle").click(function() {
      $("#feedback-widget").slideToggle(500);
      return false;
    });
  });
</script>

Answer 2

你试过了吗？

$("#feedback-widget").slideToggle(500);

Answer 3

您的链接应该已被“return false”禁用。这里的替代调用是给闭包函数一个参数（例如'event'）并调用event.preventDefault();

关于幻灯片使用.slideToggle(500);

简单的jQuery toggle（）并在click（）内返回false

3 个答案: