.toggle() - Events , jQuery |
.toggle() เป็นการใช้ jQuery Event กับ .toggle() ควบคุมผูกเหตุการณ์ 2 เหตุการณ์ ซึ่งทำงานสลับกันไปมา
Syntax
1..toggle( handler(eventObject), handler(eventObject), [handler(eventObject)] )
Example ตัวอย่างการใช้งาน Event ของ jQuery .toggle()
Eventstoggle.html
01.<html>
02.<head>
03.<title>ThaiCreate.Com jQuery Tutorials</title>
04.<style>
05. ul { margin:10px; list-style:inside circle; font-weight:bold; }
06. li { cursor:pointer; }
07.</style>
08.<script type="text/javascript" src="jquery-1.6.4.js"></script>
09.<script type="text/javascript">
10. $(document).ready(function(){
11.
12. $("li").toggle(
13. function () {
14. $(this).css({"list-style-type":"disc", "color":"blue"});
15. },
16. function () {
17. $(this).css({"list-style-type":"disc", "color":"red"});
18. },
19. function () {
20. $(this).css({"list-style-type":"", "color":""});
21. }
22. );
23.
24. });
25.</script>
26.</head>
27.<body>
28.
29. <ul>
30. <li>Go to the store</li>
31. <li>Pick up dinner</li>
32. <li>Debug crash</li>
33.
34. <li>Take a jog</li>
35. </ul>
36.
37.</body>
38.</html>
Screenshot
คำอธิบาย (ภาษาไทย)
จากตัวอย่างเป็นการใช้ jQuery Event กับ .toggle() ในการจัดการกับ element ที่อ้างถึง
ลิ้งค์ที่ควรศึกษา
Go to : jQuery Selectors : jQuery Selectors and Element
Go to : jQuery Events : jQuery and Events
เกี่ยวกับบทความ
ส่วนหนึ่งของบทความได้เรียบเรียงและแปลจากเว็บไซต์ jQuery.Com โค้ดตัวอย่างคำสั่งนี้อยู่ภายใต้สัญญาอนุญาตของ GFDL สามารถนำโค้ดและคำสั่งใช้งานได้ฟรี สงวนลิขสิทธิ์เฉพาะคำอธิบายภาษาไทย
|
 ช่วยกันสนับสนุนรักษาเว็บไซต์ความรู้แห่งนี้ไว้ด้วยการสนับสนุน Source Code 2.0 ของทีมงานไทยครีเอท
|
|
| |
By : |
ThaiCreate.Com Team (บทความเป็นลิขสิทธิ์ของเว็บไทยครีเอทห้ามนำเผยแพร่ ณ เว็บไซต์อื่น ๆ) |
| |
Score Rating : |
 |
|
| |
Create/Update Date : |
2011-09-22 21:36:24 /
2017-03-19 14:03:24 |
| |
Download : |
No files |
|
|
Sponsored Links / Related |
|
|
|
|
|
|
|
