Javascript - Jak opětovně načíst pouze element?

Dobrý den,

Na webu (ve WordPressu) jsem pomocí pluginu nastavil hlavičku připnutou nahoře. Problém je, že to způsobí statickou šířku. A když změním šířku okna prohlížeče, hlavička se nezmění.

Avšak, stačí pouze web opětovně načíst a už se hlavička zobrazí správně.

Teoreticky by tohle šlo opravit, kdyby to opětovně načetl automaticky.

jQuery(window).resize(function() {
    location.reload();		
});

Kód výše sice funguje, jenže nejen, že dochází k nemalému zpoždění (více než sekunda), ale stránka na seberychlejším internetu "problikne".

Snad by pomohlo pouze opětovně načíst element, ale nevím, jak to přesně napsat.

Prosím o radu,

Děkuji

Předmět	Autor	Datum
Ťažko radiť, neviem o akú hlavičku ide ani ako je pripnutá... normálne kvalitne spracovaný web použi… Ale 07.10.2022 22:47	Ale	07.10.2022 22:47
Ahoj, jestliže potřebuješ načíst jen element, je v dnešní době nešikovné načítat celou stránku. JQ… Flash_Gordon 08.10.2022 08:58	Flash_Gordon	08.10.2022 08:58
Nakonec jsem to vyřešil připnutím hlavičky pomocí CSS. header#masthead { position: sticky; top: 0;… poslední MichalDM 15.10.2022 23:52	MichalDM	15.10.2022 23:52

Ťažko radiť, neviem o akú hlavičku ide ani ako je pripnutá... normálne kvalitne spracovaný web použije flexbox, ktorý sa prispôsobí akejkoľvek šírke automaticky. Aby som kvôli niečomu takému používal javascript, nedáva zmysel... a aby som v roku 2022 používal jQuery, tak to už by som radšej programoval weby pomocou framesetov.

Čo ma napadá je zistiť si classu elementu, ktorý obsahuje danú hlavičku, a injectnúť CSS, ktoré porieši aby sa hlavička prispôsobovala šírke.

Ahoj,

jestliže potřebuješ načíst jen element, je v dnešní době nešikovné načítat celou stránku.

JQuery tam už máš, takže stačí funkce, něco jako:


function NactiDataProElement(){

var response = '';
        $.ajax({ type: "GET",
                 url: "mojeStranka.php",
                 async: false,
                 success : function(text)
                 {
                     response = text;
                 }
        });

    alert("Obdržený text: \r\n" + response);
}

A to, co ti vypisuje "alert" hodíš jen do elementu.
Snad je to dostatečně srozumitelné.

Nakonec jsem to vyřešil připnutím hlavičky pomocí CSS.

header#masthead {
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10000;
}

I přesto díky

Zpět do poradny Odpovědět na původní otázku Nahoru