ให้เรตสมาชิก: 3 / 5

ดาวใช้งานดาวใช้งานดาวใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน
 

บทที่ 5 jQuery Effect ตอนที่ 2 (callback funtion)
jQuery Callback Functions
   จากที่ได้เคยได้อธิบายเรื่อง Query Effect ไว้ใน  บทที่ 5 jQuery Effect ตอนที่ 1 แล้วในบทนี้เราจะมาพูดถึงฟังก์ชัน callback ของกันบ้าง
syntax ของ jQuery Effect
$(selector).hide(speed,callback);  ***speed(ความเร็ว)  อาจกำหนดเป็น slow, fast, normal หรือกำหนดเป็นมิลลิวินาทีก็ได้
       callback คือ function ที่ถูกเรียกใช้งานเมื่อ animated complete ใช้เมื่อเราต้องการให้ jQuery ทำคำสั่งแรกจนเสร็จก่อน แล้วจึงค่อยเริ่มทำคำสั่งที่สอง  
    syntax ของ jQuery Effect นั้นประกอบด้วย speed และ callback ซึ่งทั้งสองตัวนี้เป็นตัวเสริมที่มีมาเพิ่มเติมลูกเล่นของ Effect ให้หลากหลายมากขึ้น

1.ตัวอย่างการใช้งานฟังก์ชัน callback

<html>
<head>
<meta charset="utf-8">
<script src="/jquery-1.9.1.js">
</script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("p").hide("10000",function(){
      alert("กำลังซ่อนข้อความ");
    });
  });
});
</script>
</head>
<body>
<button>ซ่อน</button>
<p>อยากเรียน jQuery อ่านใน www.mindphp.com ซิจ๊ะ</p>
</body>
</html>

คลิกดูตัวอย่าง callback

2.ตัวอย่างที่ไม่ใช้งานฟังก์ชัน callback

<html>
<head>
<meta charset="utf-8">
<script src="/jquery-1.9.1.js">
</script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("p").hide(10000);
    alert("กำลังซ่อนข้อความ");
  });
});
</script>
</head>
<body>
<button>ซ่อน</button>
<p>อยากเรียน jQuery อ่านใน www.mindphp.com ซิจ๊ะ</p>
</body>
</html>

คลิกดูตัวอย่างแบบ without-callback

  ****จากตัวอย่างที่1 กับตัวอย่างที่2 จะสังเกตว่า มีที่ต่างกันคือตัวอย่างที่1 แบบมีฟังก์ชัน callback จะใช้เป็น   $("p").hide("10000",function(){  กับ ตัวอย่างที่2 แบบไม่มีฟังก์ชัน callback จะใช้เป็น  $("p").hide(10000); ซึ่งทั้งสองตัวอย่างให้ผลลัพธ์ที่แตกต่างกันคือ ตัวอย่างที่1 แบบมีฟังก์ชัน callback เมื่อคลิกที่ปุ่ม "ซ่อน" จะทำการซ่อนข้อความจนเสร็จแล้วจึงมีการ alert ต่างกับ ตัวอย่างที่2 แบบไม่มีฟังก์ชัน callback เมื่อคลิกปุ่ม "ซ่อน" จะทำการซ่อนข้อความแล้วตามด้วยการ alert ต่อมาติดๆ โดยไม่รอให้การซ่อนข้อความนั้นเสร็จก่อน ก็ alert ต่อในทันที

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
ถามหน่อยนะคะ เกี่ยวกับ list/menu
โดย ja_ooh พฤ 23 ส.ค. 2007 4:04 pm บอร์ด Programming - PHP
4
2025
อ 28 ส.ค. 2007 3:49 pm โดย ja_ooh
k
โดย Delirium พฤ 23 ส.ค. 2007 2:20 am บอร์ด Programming - PHP
1
1298
พฤ 23 ส.ค. 2007 2:31 am โดย mindphp
ผมอยากจะถามเรื่องโค้ต php เกี่ยวกับเงื่อนไข if else อ่ะครับ
โดย fujivara พ 22 ส.ค. 2007 5:31 pm บอร์ด Programming - PHP
1
1485
พ 22 ส.ค. 2007 6:55 pm โดย mindphp
How to Config Webboard from phpBB2 ?
โดย Ballz พ 22 ส.ค. 2007 4:33 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS, CRM
13
3502
พฤ 30 ส.ค. 2007 7:20 am โดย mindphp
ทำอย่างไรให้สามารถดึงข้อมูล $BARCODE ทั้งหมดจากฐานข้อมูลมาแส
โดย ruti พ 22 ส.ค. 2007 4:04 pm บอร์ด Programming - PHP
10
5031
พฤ 23 ส.ค. 2007 12:16 am โดย mindphp
การ set index ของ list box
โดย abang พ 22 ส.ค. 2007 2:53 am บอร์ด Programming - PHP
2
2796
พฤ 23 ส.ค. 2007 6:10 pm โดย abang
ถามเรื่องผลลัพธ์หน่อยน่ะคับ แก้ไม่ออกอ่ะคับ
โดย fujivara อ 21 ส.ค. 2007 4:14 pm บอร์ด Programming - PHP
2
1393
พ 22 ส.ค. 2007 5:30 pm โดย fujivara
ปัญหา SMTP server response: 501 5.5.4 Invalid Address in คับ
โดย rag2club อ 21 ส.ค. 2007 3:44 pm บอร์ด Programming - PHP
11
4394
พ 22 ส.ค. 2007 7:51 pm โดย mindphp
topic ไม่ขึ้น กะ login ไม่ได้อะครับ
โดย monkie จ 20 ส.ค. 2007 7:42 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS, CRM
7
3019
จ 20 ส.ค. 2007 9:26 pm โดย mindphp
รบกวนอีกนะคะ ช่วยดูให้หน่อยค่ะ
โดย nini_nan จ 20 ส.ค. 2007 6:50 pm บอร์ด Programming - PHP
3
1549
จ 20 ส.ค. 2007 8:48 pm โดย nini_nan
ตั้งค่าไงให้เหงtopic
โดย monkie จ 20 ส.ค. 2007 6:31 pm บอร์ด SQL - Database
2
2450
จ 20 ส.ค. 2007 6:42 pm โดย monkie
ใส่ชื่อ Database ยังไงครับ
โดย monkie จ 20 ส.ค. 2007 12:00 am บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS, CRM
17
5127
จ 20 ส.ค. 2007 6:45 pm โดย mindphp
การหา วันในแต่ละ week ของ calendar
โดย abang ส 18 ส.ค. 2007 3:06 am บอร์ด Programming - PHP
4
2525
จ 20 ส.ค. 2007 8:09 pm โดย mindphp
ปรึกษาเรื่องการเขียน code ของปุ่ม search หน่อยอ่ะค่ะ
โดย nini_nan ส 18 ส.ค. 2007 1:26 am บอร์ด Programming - PHP
3
4857
อ 19 ส.ค. 2007 12:29 am โดย nini_nan
อยากทราบว่า ทำ Random รหัสลับ เป็นรูปภาพได้อย่างไรครับ
โดย tui_nui ศ 17 ส.ค. 2007 6:34 pm บอร์ด Programming - PHP
2
1662
ส 18 ส.ค. 2007 9:13 am โดย Kobsoft
ใช้ Hosting ต่างประเทศ แต่ต้องการให้แสดงเวลาเป็นเวลาไทย ?
โดย roj2007 ศ 17 ส.ค. 2007 6:45 am บอร์ด SQL - Database
5
3526
อ 21 ส.ค. 2007 6:37 pm โดย mindphp
login ที่เวปแล้วไม่ต้องการให้ไป login ซ้ำที่ webboard(phpBB)
โดย Ballz พฤ 16 ส.ค. 2007 11:44 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS, CRM
13
4538
พ 22 ส.ค. 2007 7:16 am โดย Ballz
ช่วยดูโจทย์นี้ให้หน่อยค่ะ พอมีใครเขียนphpได้หรือป่าวค่ะ
โดย namenoon พ 15 ส.ค. 2007 11:15 pm บอร์ด Programming - PHP
1
1621
พฤ 16 ส.ค. 2007 1:16 am โดย mindphp
บอร์ด php หัวข้อกระทู้ถูกตัดหายไปทำอย่างไรดีครับ?
โดย mittareteam จ 13 ส.ค. 2007 9:23 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS, CRM
14
4265
พฤ 03 ม.ค. 2008 2:44 pm โดย Kizmo
เร่งสปีด php-nuke
โดย krit2550 จ 13 ส.ค. 2007 2:23 am บอร์ด Programming - PHP
1
1461
จ 13 ส.ค. 2007 4:47 am โดย mindphp