jQuery හි පිහිටීම සංස්කරණය කිරීම

jQuery හි අංගවල ඛණ්ඩාංක සමඟ වැඩ කිරීම සඳහා position සහ offset ක්‍රම ඇත.

මෙම ක්‍රම වර්තමාන අංග ඛණ්ඩාංක ලබා ගැනීමට හෝ වෙනස් කිරීමට සේවය කරන අතර ඵලයක් ලෙස top සහ left ගුණාංග අඩංගු වස්තුවක් ආපසු ලබා දේ.

පරිශීලකයා පිටුවේ ප්‍රමාණය වෙනස් කරන්නේ නම් ගණනය කිරීම් වල දෝෂ ඇති විය හැකිය. එසේම, ක්‍රම සැඟවුණු අංගවල ඛණ්ඩාංක ලබා ගන්නේ නැත.

offset ක්‍රමය අංගයක පිහිටීම ලබා ගනී ලේඛනයට සාපේක්ෂව, සහ position ක්‍රමය පිහිටීම ලබා ගනී අංගයක් මව් අංගයේ මායිම්වලට සාපේක්ෂව.

අපට පහත HTML කේතය ඇති බව උපකල්පනය කරමු:

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

ඡේදවලට CSS විලාසයන් බැඳී ඇත:

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

අපි test ඩිව් එකේ පිහිටීම මෙම ක්‍රම මගින් ලබා ගනිමු, සහ ලබාගත් වස්තුවේ යතුරු වෙත ප්‍රවේශ වී, මෙම තොරතුරු පහතින් ඡේදවල දක්වන්න:

let 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
);