jQuery CSS Operation - offset() Method

ຄູ່ມືການກຳລັງ CSS

ຕົວຢ່າງ

ການຮັບມືການ offset ທີ່ມີຂອງ <p> ປະກອບປະກາດ

$(".btn1").click(function(){
  x=$("p").offset();
  $("#span1").text(x.left);
  $("#span2").text(x.top);
});

ທຳການຕື່ມເອງ

ການສະແດງຂອງປະກອງການພິມ

offset() ການກຳລັງຫົວຕອນຂອງບັນດາປະກອບປະກາດທີ່ຕົກລົງຂອງຂໍ້ມູນແມ່ນ offset (ຕັ້ງທີ່)

ກັບປະກອບປະກາດທີ່ຕົກລົງ

ກັບປະກອບປະກາດທີ່ຕົກລົງທໍາອິດ

ການກຳລັງທີ່ກັບປະກອບປະກາດທີ່ຕົກລົງ

ຂໍ້ບັນຍາ

$(selectorການກຳລັງຂອງຄືນມູນຂອງບັນດາວັດສະດຸທີ່ມີສອງຜົນງານລູກຂອງບັນດາວັດສະດຸທີ່ຕົກລົງ ຄື top ແລະ left ບັນດາຄືນມູນ. ການກຳລັງຂອງຄືນມູນຂອງບັນດາວັດສະດຸທີ່ຕົກລົງພຽງແຕ່ບັນດາວັດສະດຸທີ່ຄົ້ນຫາໄດ້

ທຳການຕື່ມເອງ

).offset()

ຈັດຕັ້ງ offset

ຂໍ້ບັນຍາ

$(selector).offset(ຈັດຕັ້ງ offset ບັນດາປະກອບປະກາດທີ່ຕົກລົງ)
ປະເພາະ ອະທິບາຍ
ຈັດຕັ້ງ offset ບັນດາປະກອບປະກາດທີ່ຕົກລົງ

value

ຄູ່ມືທີ່ອາດມີ

  • ຄູ່ມືຄຳນວຍຄວາມຄື {top:100,left:0}
  • ບັນດາວັດສະດຸທີ່ມີຜົນງານ top ແລະ left

ທຳການຕື່ມເອງ

ນຳໃຊ້ການປະກາດເພື່ອຈັດຕັ້ງ offset

ນຳໃຊ້ການປະກາດຫົວຕອນເພື່ອຈັດຕັ້ງ offset ບັນດາປະກອບປະກາດທີ່ຕົກລົງ

ຂໍ້ບັນຍາ

$(selector).offset(function(index,oldoffset))
ປະເພາະ ອະທິບາຍ
function(index,oldoffset)

ພິມການປະກາດຫົວຕອນກັບຈຸດມູນການຄົ້ນຫາຂອງປະກອບປະກາດທີ່ໄດ້ເລືອກ

  • index - ສົມບັດ. ຍັງມີທາງສຳລັບຫົວຕອນຂອງເປັນປະກອບປະກາດ
  • oldvalue - ສົມບັດ. ຍັງມີທາງສຳລັບຈຸດມູນຂອງເປັນປະກອບປະກາດ

ທຳການຕື່ມເອງ

ຫຼາຍຫຼັກຕົວຢ່າງ

ນຳໃຊ້ບັນດາວັດສະດຸເພື່ອຈັດຕັ້ງ offset ບັນດາວັດສະດຸ
ນຳໃຊ້ຈຸດມູນຂອງບັນດາວັດສະດຸໃນການວາງການຄົ້ນຫາປະກອບອັນ
ນຳໃຊ້ທີ່ຕັ້ງຢູ່ຂອງບັນດາວັດສະດຸໃນການກຳລັງການຈັດຕັ້ງຄືນ offset ບັນດາວັດສະດຸ
ນຳໃຊ້ທີ່ຕັ້ງຢູ່ຂອງບັນດາວັດສະດຸທີ່ມີແລ້ວເພື່ອວາງການຄົ້ນຫາປະກອບອັນ

ຄູ່ມືການກຳລັງ CSS