<script>
function showValue(para1,para2) {
alert("...........");
}
<script>
เป็นต้น
ทีนี้ถ้าเราใช้ jQuery หละจะสร้างฟังก์ชั่นขึ้นมาซักตัวเพื่อเรียกใช้งานจะทำยังไง มาดูวิธีกันค่ะไม่ยาก ๆ
หลังจากโหลด library jquery เข้ามา่แล้วก็ให้เขียนโค้ดได้เลยจ้า ก่อนอื่นสร้างฟังก์ชั่นขึ้นมาก่อนน้า
<script>
$.showValue = function(para1,para2) {
alert ("parameter1="+para1+" and Parameter2="+para2);
};
</script>
หรือเขียนแบบนี้ก็ได้
(function($) {
$.showValue = function(para1,para2) {
alert ("parameter1="+para1+" and Parameter2="+para2);
};
})(jQuery);
ทีนี้มาลองเรียกฟังก์ชั่นที่สร้างโดยใช้ jQuery กัน เรียวต้องการให้เวลากดคลิ๊กที่อีลิเมนต์ซักตัวแล้วไปเรียกฟังก์ชั่นที่ได้ทำการสร้างขึ้นมา
<div id="me">ลองคลิกสิจ๊ะ</div>
ค่ะทีนี้เขียนอีเวนต์คลิกเข้าไปด้วย jQuery คือพอกดคลิกที่อิลิเมนต์ที่ชื่อว่า "me" ก็ให้ไปเรียกฟังก์ชั่น
$(document).ready(function(){
$("#me").click(function(){
$.showValue("Data1","Data2");
});
});
ทีนี้มาลองรันแล้วลองคลิกอิิลิเมนต์ที่ชื่อว่า "me" ดูจะได้ผลดังภาพ
จริง ๆ ก็เขียนไม่ต่างกันมากจะต้องมาเขียนเป็นบทความซะยาวเหยียดทำไมน้า แหมก็เรียวเป็นคนขี้ลืมหนิคะ เขียนไว้กันลืมด้วยหละ วันนี้ขอตัวลาไปก่อนไว้พบกันใหม่บทความหน้า บ๊าย บาย จ้า
ไม่มีความคิดเห็น:
แสดงความคิดเห็น