jQuery-Position() Rückkehr falsch, dann richtig, führt

Question

Einfach eine (wahrscheinlich, mich zu kennen)

ich ein Element zu einer (Wordpress) Website am anhängen. Standardeinrichtung nichts Außergewöhnliches.

Die Zeile lautet wie folgt aus:

jQuery('[id*="my-required-id-text"]').append('<div class="my-appended-div">A Div</div>') 

Nun, mein Problem ist, dass, wenn ich dann durch jede angehängte div Position Zyklus wurde mit:

console.log(jQuery('.my-appended-div').last().position()) 

I - irritierend - erhalten alle oberen und linken Positionen, genau gleich. Irritierender, wenn ich einen on-Klick für die Klasse tun würde, und console.log für die Position in diesem setzen, würde es die richtigen Positionen für was auch immer ich klicke zeigen.

Warum ist das? Ich reiße - was übrig ist - meine Haare raus.

Ich weiß, ich war ein bisschen vage, aber bitte nehmen Sie an, dass mein CSS und der Rest des relevanten Codes korrekt ist. Ich möchte nur wissen, warum die Position falsch erkannt wird und genau wie alle anderen (visuell anders platzierten) divs, aber sofort nach dem Ausführen der Schleife (yeah das ist eine Schleife, die divs abhängig von der Menge an Daten ausgibt), und Wenn die Ausgabe einem anderen Event zugewiesen wird, sind die Positionen plötzlich alle console.logged.

Vielen Dank für das Lesen.

Answer 1

Es erscheint am wahrscheinlichsten, weil Sie nur die .last() - Konsole mehrfach protokollieren. Die Positionsantwort, die du bekommst, wird dir natürlich nur die Positionen oben und links geben, weil dir position() nur den oberen und linken Versatz vom Elternteil gibt - see the docs - aber selbst wenn du loopst, ist die .last() div wird sich nicht ändern, während es loops ... es ist das gleiche div.

Natürlich könnte ich falsch liegen (Sie haben Ihren Code nicht gepostet), aber ich bin ziemlich zuversichtlich, dass das Problem ist. Wahrscheinlich möchten Sie eine Schleife mit einem anderen Selektor erstellen (vielleicht mit einem, der stattdessen dieses als Selektor verwendet).

Answer 2

Ich bin über Ihre Frage nicht sicher, aber versuchen Position nach dem „jeder“ zu erhalten wie folgt aus:

$objects.each(function(){ 
    ... 
}).promise().done(function(){ 
    $('.my-appended-div').last().position(); 
}); 

Kleine Genauigkeit: Position() abhängig von diesem Elternteil und Offset() abhängig von dem Fenster .