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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
MOD_MTB_NEWS_RECENT
ภาพนามสกุล heic image คืออะไรแล้วสร้างด้วยโปรแกรมอะไรค่ะ
โดย thatsawan อ 26 ก.ย. 2017 11:36 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
11
อ 26 ก.ย. 2017 11:36 pm โดย thatsawan
ภาพนามสกุล heic image คืออะไรแล้วสร้างด้วยโปรแกรมอะไรค่ะ
โดย thatsawan อ 26 ก.ย. 2017 11:35 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
15
อ 26 ก.ย. 2017 11:35 pm โดย thatsawan
ดาวน์โหลด AtomyMaxsite CMS เวอร์ชั่นล่าสุด
โดย ayeweb6AFJV อ 26 ก.ย. 2017 11:13 pm บอร์ด Free PHP Code Download script
0
8
อ 26 ก.ย. 2017 11:13 pm โดย ayeweb6AFJV
สอบถามโปรแกรม CD ค่ะ
โดย บุคคลทั่วไป อ 26 ก.ย. 2017 1:59 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
0
13
อ 26 ก.ย. 2017 1:59 pm โดย บุคคลทั่วไป
สอบถามเรื่อง getListFooter() ของ Joomla
โดย Minanda อ 26 ก.ย. 2017 1:18 pm บอร์ด Joomla Development
2
20
อ 26 ก.ย. 2017 1:18 pm โดย Minanda
Python Decorators
โดย nuattawoot อ 26 ก.ย. 2017 11:24 am บอร์ด Programming - C/C++ & java & Python
2
26
อ 26 ก.ย. 2017 11:24 am โดย nuattawoot
สรุป 13 ข้อ สาระสำคัญของ พ.ร.บ.คอมพิวเตอร์ 60 มีผลบังคับใช้แล้ว
โดย M029 อ 26 ก.ย. 2017 11:22 am บอร์ด ถาม - ตอบ ธุรกิจ กฏหมาย ภาษี บัญชี
0
27
อ 26 ก.ย. 2017 11:22 am โดย M029
แค่ดู Keyboard ก็บอกได้ว่าเป็นของ "โปรแกรมเมอร์" หรือ "เกมเมอร์"
โดย Before Dong อ 26 ก.ย. 2017 10:34 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
37
อ 26 ก.ย. 2017 10:34 am โดย Before Dong
ฟรี Cloud SSD โฮสติ้ง โดย นกโฮสติ้ง
โดย nokhosting อ 26 ก.ย. 2017 9:59 am บอร์ด Web Hosting Review - Free Host Share Host VPS
0
13
อ 26 ก.ย. 2017 9:59 am โดย nokhosting
new project
โดย บุคคลทั่วไป จ 25 ก.ย. 2017 7:54 pm บอร์ด Programming - PHP
1
21
จ 25 ก.ย. 2017 7:54 pm โดย บุคคลทั่วไป
วิธี debug pl sql บน toad
โดย jataz2 จ 25 ก.ย. 2017 5:19 pm บอร์ด SQL - Database
0
12
จ 25 ก.ย. 2017 5:19 pm โดย jataz2
Font-End กับ Back-End
โดย Before Dong จ 25 ก.ย. 2017 10:22 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
35
จ 25 ก.ย. 2017 10:22 am โดย Before Dong
ทำไมเข้าเมลตัวเองไม่ได้
โดย เอ็มกับจ๋า อ 24 ก.ย. 2017 9:41 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
16
อ 24 ก.ย. 2017 9:41 pm โดย เอ็มกับจ๋า
สอบถามเกี่ยวกับ task
โดย Minanda อ 24 ก.ย. 2017 6:11 pm บอร์ด Joomla Development
1
42
อ 24 ก.ย. 2017 6:11 pm โดย Minanda
อยากเป็นแฮกเกอร์
โดย ชื่อ ต้า ส 23 ก.ย. 2017 6:38 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
38
ส 23 ก.ย. 2017 6:38 pm โดย ชื่อ ต้า
อยากเป็นแฮกเกอร์ แค่ไม่รู้อะไรเลย
โดย ชื่อ ต้า ส 23 ก.ย. 2017 6:37 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
2
53
ส 23 ก.ย. 2017 6:37 pm โดย toonytoony2004
ฉันมีความกังวนในความเป็นส่วนตัว
โดย สิทธิ์ ของหัวจัย ศ 22 ก.ย. 2017 10:40 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
13
ศ 22 ก.ย. 2017 10:40 pm โดย สิทธิ์ ของหัวจัย
เฟสให้ยืนยันตัวตนด้วยรูปเพื่อนในเฟสแต่หนูจำไม่ได้จากนั้นก็เข้าไม่ได้เลยค๊ะ
โดย บุคคลทั่วไป ศ 22 ก.ย. 2017 1:25 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
25
ศ 22 ก.ย. 2017 1:25 pm โดย บุคคลทั่วไป
สีผิวของ โปรแกรมเมอร์ และอาชีพต่างๆในฤดูร้อน
โดย Before Dong ศ 22 ก.ย. 2017 10:10 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
55
ศ 22 ก.ย. 2017 10:10 am โดย Before Dong
เรียกใช้คำสั่งในการวาดสี่เหลี่ยมและวงกลม
โดย Ik Kat พฤ 21 ก.ย. 2017 7:28 pm บอร์ด JavaScript & Jquery Ajax
0
32
พฤ 21 ก.ย. 2017 7:28 pm โดย Ik Kat