Uwekaji Nafasi katika jQuery

Kwa kufanya kazi na kuratibu za vipengele katika jQuery kuna mbinu position na offset.

Mbinu hizi hutumika kupata au kubadilisha kuratibu za sasa za kipengele na kama matokeo hurudisha kitu, kina vyombo top na left.

Makosa katika mahesabu yanaweza kutokea, ikiwa mtumiaji anabadilisha vipimo wa ukurasa. Pia mbinu hazipati kuratibu za vipengele vilivyofichwa.

Mbinu offset inapata nafasi ya kipengele kuhusiana na hati, na position nafasi ya kipengele kuhusiana na kando ya mzazi.

Acha tuwe na msimbo wa HTML ufuatao:

html<div id="parent">
<p id="test">maandishi</p>
</div>
<p id="text1"></p>
<p id="text2"></p>

Kwa aya zimeunganishwa mitindo ya CSS:

css#parent {
  width: 150px;
  border: 1px solid blueviolet;
}
#test {
  margin: 5px;
  text-align: center;
  outline: 1px solid green;
}

Wacha tupate nafasi ya div test kwa hizi mbinu, na, tukiwahusu funguo za kitu kilichopatikana, tuonyeshe taarifa hizi chini kwenye aya:

javascriptlet offset = $('#test').offset();
$('#text1').text(
  '(OFFSET()) left: ' + offset.left + ', top: ' + offset.top
);
let position = $('#test').position();
$('#text2').text(
  '(POSITION()) left: ' + position.left + ', top: ' + position.top
);