Das letzte Element einer Schleife wird ohne ersichtlichen Grund nicht wie gewünscht ausgeführt ⇐ JavaScript

[Anonymous]

In einer Bildlauffunktion möchte ich, dass eine Variable unter einer bestimmten Bedingung den ID-Wert eines Elements einer Schleife erhält und dass dieses Element nach der Schleife seine Schriftstärke als Fettschrift erhält. Nach einem weiteren Scroll-Ereignis ändert sich möglicherweise das ausgewählte Element und das alte erhält seine Schriftstärke wieder auf den Normalwert.
Die Schleife selbst funktioniert gut, die Variable erhält den ID-Wert, aber nach dem Schleife, ich kann das letzte Element der Schleife nicht dazu bringen, seine Schriftstärke zu ändern, wenn die Variable ihren ID-Wert erhält.
Ich kann es nur zum Laufen bringen, wenn ich es hart codiere, aber Das ist keine ideale Lösung.
Ich habe andere ausprobiert Arten von CSS, das gleiche Problem. Wenn ich aus irgendeinem Grund die Zeile „Zurück zur normalen Schriftstärke“ herausnehme, kann die Schriftstärke in „Fett“ geändert werden. Der Debugger sagt nichts.
Dies ist der Seitencode

Code: Select all

properties
properties
properties
properties
properties
properties

properties
properties
properties
properties
properties
properties



assinala(6);

Dies ist die Funktion, wobei der Hardcode-Teil inaktiv ist

Code: Select all

function assinala(n) {
$(document).ready(function(){
assi = "#meta0b";
$(assi).css('font-weight', 'bold');
$(window).scroll(function () {
for (let i = 0; i < n; i++) {
if ($(window).scrollTop() >= $("#meta" + i).offset().top) {
assi = "#meta" + i + "b";
}
$(assi).css('font-weight', 'bold');
if ($("#meta" + i + "b") != assi) {
$("#meta" + i + "b").css('font-weight', 'normal');
}
}
/*
if ($(window).scrollTop() >= $("#meta5").offset().top) {
$("#meta5b").css('font-weight', 'bold');
}
*/
})
});
}