代码之家  ›  专栏  ›  技术社区  ›  Casey W. Stark

简单jQuery toggle()并在click()内返回false

  •  1
  • Casey W. Stark  · 技术社区  · 15 年前

    我一直在看这个非常简单的页面反馈小部件块。这段代码很容易解释。

    <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>
    

    其实很简单。这么简单,我觉得这一个相当愚蠢。

    谢谢。

    3 回复  |  直到 15 年前
        1
  •  2
  •   Glennular    15 年前
    <script type="text/javascript">
      $(document).ready(function() {
        $("#feedback-widget-toggle").click(function() {
          $("#feedback-widget").slideToggle(500);
          return false;
        });
      });
    </script>
    
        2
  •  1
  •   David Murdoch    15 年前

    你试过:

    $("#feedback-widget").slideToggle(500);
    
        3
  •  0
  •   Tim Cooper    13 年前

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

    .slideToggle(500);