歡迎來到Linux教程網
Linux教程網
Linux教程網
Linux教程網
您现在的位置: Linux教程網 >> UnixLinux >  >> Linux編程 >> Linux編程

簡單的jQuery回調函數

jQuery回調函數簡單使用

比如說,我們想要點擊某個按鈕後觸發事件,

先把一些指定內容給隱藏掉,

然後跳出相關信息的對話框。

如果使用普通的方法,

不用回調函數的話,

會有怎麼樣的效果呢?

效果是先彈出對話框再隱藏內容,

然後再隱藏指定內容。

這顯然不是我們想要的效果,

如果使用回調函數,就可以解決這個問題。

當然,回調函數功能遠不只這麼簡單……

具體的代碼如下:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
 String path = request.getContextPath();
 String basePath = request.getScheme() + "://"
   + request.getServerName() + ":" + request.getServerPort()
   + path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
 <head>
  <base href="<%=basePath%>">

  <title>My JSP 'MyJsp.jsp' starting page</title>
  <title>test</title>
  <script type="text/javascript" src="js/jQuery/jquery-1.4.4.min.js"></script>
  <script type="text/javascript">
    $(document).ready(function(){
      $("#button1").click(function(){
              $("p").hide("slow");
              alert("不使用回調,先彈出對話框再隱藏!");
          })
          $("#button2").click(function(){
              $("p").hide("slow",function(){
                  alert("使用回調函數,先隱藏再彈出對話框!");
              });       
          })
      })
  </script>
 </head>
 <body>
  <p>
   I love you,java.
   <br>
   I love you,java.
   <br>
   I love you,java.
   <br>
   I love you,java.
   <br>
   I love you,java.
   <br>
   I love you,java.
   <br>
   I love you,java.
   <br>
   I love you,java.
   <br>
   I love you,java.
   <br>
   I love you,java.
   <br>
   I love you,java.
   <br>
   I love you,java.
   <br>
   I love you,java.
  </p>
  <input id="button1" type="button" value="沒使用回調函數!" />
  <input id="button2" type="button" value="使用回調函數!" />
 </body>
</html>

Copyright © Linux教程網 All Rights Reserved