ให้เรตสมาชิก: 2 / 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 ต่อในทันที

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
การคำนวณบวก ลบ คูณ หาร ใน Microsoft Excel
โดย ณัฐกฤตา บุญญะฤทธิ์ พ 23 ม.ค. 2019 6:53 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
24
พ 23 ม.ค. 2019 6:53 pm โดย ณัฐกฤตา บุญญะฤทธิ์
javascript แปลง string เป็น number จุดทศนิยม 2 ตำแหน่ง
โดย jataz2 พ 23 ม.ค. 2019 5:56 pm บอร์ด AJAX Javascript Library - jQuery
0
7
พ 23 ม.ค. 2019 5:56 pm โดย jataz2
javascript ใส่ , ที่หลักพัน
โดย jataz2 พ 23 ม.ค. 2019 5:45 pm บอร์ด AJAX Javascript Library - jQuery
0
6
พ 23 ม.ค. 2019 5:45 pm โดย jataz2
To,Cc,Bcc ในการส่ง E-mail ต่างกันอย่างไร
โดย Chidchanok พ 23 ม.ค. 2019 5:40 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
6
พ 23 ม.ค. 2019 5:40 pm โดย Chidchanok
การสร้าง even เพื่อแสดง ณ แถบ user ใน phpbb
โดย Ittichai_chupol พ 23 ม.ค. 2019 5:27 pm บอร์ด PHP Knowledge
0
7
พ 23 ม.ค. 2019 5:27 pm โดย Ittichai_chupol
โซลชาได้ตอบชัดเจนเฟอร์กี้อยู่เบื้องหลังจริงหรือไม่
โดย pimwasineerat พ 23 ม.ค. 2019 4:38 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
8
พ 23 ม.ค. 2019 4:38 pm โดย pimwasineerat
Sets Phantom คืออะไรค่ะ หรือหมายถึงอะไร
โดย ณัฐกฤตา บุญญะฤทธิ์ พ 23 ม.ค. 2019 4:13 pm บอร์ด ถาม - ตอบ ธุรกิจ กฏหมาย ภาษี บัญชี
0
26
พ 23 ม.ค. 2019 4:13 pm โดย ณัฐกฤตา บุญญะฤทธิ์
Q - สอบถามเรื่อง ส่งค่า Django to PDF
โดย theoneozz พ 23 ม.ค. 2019 3:48 pm บอร์ด Programming - C/C++ & java & Python
0
10
พ 23 ม.ค. 2019 3:48 pm โดย theoneozz
Q - สอบ ถามเรื่อง python tkinter วิธีทำ PDF
โดย ichimarusoichi พ 23 ม.ค. 2019 3:25 pm บอร์ด Programming - C/C++ & java & Python
4
24
พ 23 ม.ค. 2019 6:57 pm โดย ichimarusoichi
จำหน่าย ปูนแดง ปูนกินหมาก ทำน้ำปูนใส ส่งทั่วประเทศ
โดย Tanadet พ 23 ม.ค. 2019 2:00 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
9
พ 23 ม.ค. 2019 2:00 pm โดย Tanadet
การตั้งค่าส่วนตัว ในส่วนของการระบุเพศ คุณสามารถระบุเพศของคุณด้วยวิธีนี้
โดย จันนุสรณ์ ดีแก่ พ 23 ม.ค. 2019 1:30 pm บอร์ด phpBB user Guide Knowledge
0
5
พ 23 ม.ค. 2019 1:30 pm โดย จันนุสรณ์ ดีแก่
[Extension phpBB3.1.1] File Download Extension บล็อคในการดาวโหลด
โดย จันนุสรณ์ ดีแก่ พ 23 ม.ค. 2019 11:58 am บอร์ด phpBB 3.1 Extension Review
0
11
พ 23 ม.ค. 2019 11:58 am โดย จันนุสรณ์ ดีแก่
[Extension phpBB3.1.1] Previous / Next topic Extension หัวข้อก่อนหน้า / ถัดไป
โดย จันนุสรณ์ ดีแก่ พ 23 ม.ค. 2019 11:25 am บอร์ด phpBB 3.1 Extension Review
0
7
พ 23 ม.ค. 2019 11:25 am โดย จันนุสรณ์ ดีแก่
เมื่อหยุดยาวแล้วมาทำงาน
โดย จันนุสรณ์ ดีแก่ พ 23 ม.ค. 2019 10:38 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
12
พ 23 ม.ค. 2019 10:38 am โดย จันนุสรณ์ ดีแก่
อยากทราบวิธีการล้างค่าหลังทำการอัพโหลดเสร็จ ใน phpbb
โดย Ittichai_chupol ส 12 ม.ค. 2019 10:57 am บอร์ด Programming - PHP
1
45
อ 22 ม.ค. 2019 6:10 pm โดย Ittichai_chupol
การแบ่งประเภทของกิจการตามลักษณะการดำเนินงาน
โดย Chidchanok อ 22 ม.ค. 2019 3:05 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
12
อ 22 ม.ค. 2019 3:05 pm โดย Chidchanok
การจัดทำงบกระแสเงินสด
โดย Chidchanok อ 22 ม.ค. 2019 2:05 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
15
อ 22 ม.ค. 2019 2:05 pm โดย Chidchanok
PM 2.5
โดย จันนุสรณ์ ดีแก่ อ 22 ม.ค. 2019 1:35 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
17
อ 22 ม.ค. 2019 1:35 pm โดย จันนุสรณ์ ดีแก่
การตั้งค่าให้เว็บบอร์ด สามารถทำการเปลี่ยนชื่อผู้ใช้ได้ สำหรับแอดมินหรือผู้ดูแลระบบ
โดย จันนุสรณ์ ดีแก่ อ 22 ม.ค. 2019 1:18 pm บอร์ด phpBB user Guide Knowledge
0
12
อ 22 ม.ค. 2019 1:18 pm โดย จันนุสรณ์ ดีแก่
การทำตัว Check Box ใน Google Sheets
โดย Chidchanok อ 22 ม.ค. 2019 12:22 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
16
อ 22 ม.ค. 2019 12:22 pm โดย Chidchanok