A position metódus
A position metódus lehetővé teszi
az elem pozíciójának lekérését a szülő margóitól számítva,
ellentétben a
offset
metódussal,
amely a dokumentumhoz viszonyított koordinátákat kapja meg.
A position metódus hasznosabb
új elem pozicionálásakor egy másik elem mellett
ugyanabban a szülőben.
Eredményeként a metódus egy objektumot ad vissza,
amely top és left tulajdonságokat tartalmaz.
Számítási hibák fordulhatnak elő, ha a felhasználó
megváltoztatja az oldal méretét. Továbbá a metódus nem kap
rejtett elemek koordinátáit.
Szintaxis
Aktuális koordináták lekérése. Egyes esetekben a kapott értékek törtek lehetnek:
$(selector).position();
Példa
Kérjük le a bekezdés pozícióját, amely
egy div-en belül helyezkedik el a position metódus segítségével,
majd a kapott objektum kulcsaira hivatkozva
írja ki ezt az információt egy másik bekezdésben:
<div style="padding: 15px;">
<p style="margin-left: 10px;">szöveg</p>
</div>
<p></p>
let position = $('p').first().position();
$('p').last().text('bal: ' + position.left + ', felső: ' + position.top);
Lásd még
-
a
offsetmetódus,
amely lehetővé teszi az elem aktuális koordinátáinak lekérését -
a
offsetParentmetódus,
amely lehetővé teszi az elem legközelebbi pozicionált ősének lekérését -
a
cssmetódus,
amely lehetővé teszi az elem CSS stílusainak lekérését és módosítását