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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
เคล็ดลับแก้ไขง่ายๆ กับปัญหาชาร์จแบตเตอรี่โน๊ตบุ๊คไม่เข้า เกิดจากอะไร และ ปัญหาคืออะไร มาดู
โดย popeyebkk ศ 01 พ.ย. 2019 5:28 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
35
ศ 01 พ.ย. 2019 5:28 pm โดย popeyebkk
รูปภาพบางรูปเมือเอาไปแปลงเป็น pdf แล้วไม่ขึ้นครับ
โดย jamepiyawat ศ 01 พ.ย. 2019 5:07 pm บอร์ด Programming - PHP
0
37
ศ 01 พ.ย. 2019 5:07 pm โดย jamepiyawat
อยากทราบ เรื่องการ insert array ลงฐานข้อมูล
โดย bankjittapol ศ 01 พ.ย. 2019 2:32 pm บอร์ด Programming - PHP
3
58
ศ 01 พ.ย. 2019 2:58 pm โดย thatsawan
การคำนวณค่าเสื่อมราคาและค่าตัดจำหน่าย
โดย nnamfon.26 ศ 01 พ.ย. 2019 12:04 pm บอร์ด ถาม - ตอบ ธุรกิจ กฏหมาย ภาษี บัญชี
0
38
ศ 01 พ.ย. 2019 12:04 pm โดย nnamfon.26
อยากให้คำว่า คำบรรยายขึ้นมาข้างบนกรอบ
โดย mstsksmstsks ศ 01 พ.ย. 2019 11:57 am บอร์ด HTML CSS
6
85
ศ 01 พ.ย. 2019 5:34 pm โดย mstsksmstsks
วิธีอัพเดด Directadmin แบบแมนนวล
โดย mindphp ศ 01 พ.ย. 2019 4:04 am บอร์ด Linux - Web Server
1
41
ศ 01 พ.ย. 2019 4:05 am โดย mindphp
อัพเกรด MySQL และ mariadb บน Directadmin
โดย mindphp ศ 01 พ.ย. 2019 3:49 am บอร์ด Linux - Web Server
0
500
ศ 01 พ.ย. 2019 3:49 am โดย mindphp
การบันทึกใบ Invoice จากการแจ้งหนี้ของผู้จำหน่าย
โดย nnamfon.26 พฤ 31 ต.ค. 2019 5:12 pm บอร์ด ถาม - ตอบ ธุรกิจ กฏหมาย ภาษี บัญชี
0
57
พฤ 31 ต.ค. 2019 5:12 pm โดย nnamfon.26
ปัญหาแบตเตอรี่โน๊ตบุ๊คชาร์จไม่เข้า ทำยังไงดี วันนี้เรามาดูกันเลย มีสาระดีๆ รอคุณอยู่
โดย popeyebkk พฤ 31 ต.ค. 2019 4:52 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
51
พฤ 31 ต.ค. 2019 4:52 pm โดย popeyebkk
อยากให้ * แทน ตัวเลข 3 ตัวท้าย
โดย bankjittapol พฤ 31 ต.ค. 2019 3:06 pm บอร์ด Programming - PHP
1
50
พฤ 31 ต.ค. 2019 5:20 pm โดย thatsawan
ระวังไว้! 'โรคเอ็มเอส' โรคใหม่วัยทำงาน
โดย promotion พฤ 31 ต.ค. 2019 3:00 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
64
พฤ 31 ต.ค. 2019 3:00 pm โดย promotion
อยากทราบ วิธีเปลี่ยน format ของ ค่า วันที่ และเวลา
โดย bankjittapol พฤ 31 ต.ค. 2019 1:43 pm บอร์ด Programming - PHP
2
101
พฤ 31 ต.ค. 2019 5:06 pm โดย bankjittapol
มีเคล็ดลับช่วยถนอมสายหูฟังมั้ยครับ พังบ่อยมาก
โดย LEG พฤ 31 ต.ค. 2019 1:26 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
50
พฤ 31 ต.ค. 2019 1:26 pm โดย LEG
การสร้าง block ลากวางด้วย interact.js
โดย tsukasaz พฤ 31 ต.ค. 2019 1:22 pm บอร์ด Jquery & Ajax Knowledge
0
66
พฤ 31 ต.ค. 2019 1:22 pm โดย tsukasaz
อยากทราบวิธีการแก้ไขปัญหา HTTP ERROR 500
โดย Ittichai_chupol พฤ 31 ต.ค. 2019 11:53 am บอร์ด Programming - PHP
5
94
พฤ 31 ต.ค. 2019 4:29 pm โดย mindphp
การคำนวณค่าบริการโดยเปลี่ยนจากแพคเกตเดิมเป็นแพคเกตใหม่ในราคาที่เพิ่มขึ้น
โดย nnamfon.26 พฤ 31 ต.ค. 2019 11:20 am บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
6
พฤ 31 ต.ค. 2019 11:20 am โดย nnamfon.26
ความหมายของ status ที่แสดงในระบบ ERP
โดย nnamfon.26 พ 30 ต.ค. 2019 7:15 pm บอร์ด ถาม - ตอบ ธุรกิจ กฏหมาย ภาษี บัญชี
0
75
พ 30 ต.ค. 2019 7:15 pm โดย nnamfon.26
ขั้นตอนการขอใช้ api ของไปรษณีย์ไทย
โดย bankjittapol พ 30 ต.ค. 2019 7:00 pm บอร์ด PHP Knowledge
1
113
อ 12 พ.ย. 2019 6:30 am โดย mindphp
หาคนทำงาน
โดย Anonymous พ 30 ต.ค. 2019 6:48 pm บอร์ด Programming - PHP
0
55
พ 30 ต.ค. 2019 6:48 pm โดย บุคคลทั่วไป
เคล็ดลับแก้ไขง่ายๆ กับปัญหาชาร์จแบตเตอรี่โน๊ตบุ๊คไม่เข้า เกิดจากอะไร และ ปัญหาคืออะไร มาดู
โดย popeyebkk พ 30 ต.ค. 2019 5:40 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
76
พฤ 31 ต.ค. 2019 1:29 pm โดย LEG