PHP Ionic Angularjs Phonegap AJAX Javascript CSS MySQL jQuery Forum


หาตำแหน่งของ element แนวแกน x แกน y ด้วยฟังก์ชันของ jQuery

25 September 2008 By
jquery element แกน x แกน y


สมมติ xxx คือ selector

รูปแบบฟังก์ชัน $("xxx").offset();

เป็นฟังก์ชันที่ใช้สำหรับหาตำแหน่งของ element หรือ selector โดยเมื่อมีการเรียกใช้
จะคืนค่ากลับมาเป็น Object พร้อมกับค่าตัวเลข ที่เป็น property 2 ตัวคือ top กับ left
คำสั่งนี้ใช้ได้เฉพาะกับ element หรือ selector ที่มี visible เป็น true คือเป็น element
ตัวที่ไม่ได้กำหนดให้ซ่อนไว้

<script language="javascript">
$(function(){
    var p = $("p:last");
	var offset = p.offset();
	alert(offset.left);
	alert(offset.top);
});
</script>

จากโค้ดด้านบน
บรรทัดที่ 3 เป็นการสร้างตัวแปร Object ชื่อ p รับค่าจากตัว selector ที่ชื่อ p:last หมายถึืง paragraph ตัวสุดท้าย
บรรทัดที่ 4 เป็นการกำหนดค่าตัวแปร offset รับค่าตัวแปร p ที่เรียกใช้ฟังก์ชัน offset()
ผลที่ได้คือตัวแปร offset จะมีค่าตัวแปรเพิ่มมาอีก 2 ตัวคือ offset.top และ offset.left
หากตัวแปร offset เราตั้งเป็นชื่ออื่นเช่น plan ในทำนองเดียวกันค่าของตัวแปร plan เมื่อเรียก
ใช้ฟังก์ชัน offset() ก็จะได้ค่าตัวแปรเพิ่มมาอีก 2 ตัวเช่นกันคือ plan.top และ plan.left
บรรทัดที่ 5 และ 6 เป็นการแสดงค่าของตัวแปร





Tags:: แกน x แกน y element jquery






อย่าลืมกด Like กด Share เป็นกำลังใจ ในการสร้างบทความใหม่ๆ น่ะครับ


URL สำหรับอ้างอิง