Kezdőoldal » Számítástechnika » Weblapkészítés » A JQuery .load() funkciója...

A JQuery .load() funkciója egyszerűen nem akar működni?

Figyelt kérdés

Az a helyzet, hogy JQuery segítségével szeretném összehozni azt, hogy az összes oldalon egyszerre, egyszerűen tudjak frissíteni adott tartalmakat (navbar, footer, meg ami úgyis ugyanolyan mindenhol). A jelenlegi mappa struktúrám:


/projekt

index.html


globalcontent

-nav.html


js

-globalcontentloader.js


Au lenne a cél, hogy a js mappában lévő globalcontentloader.js fájlba írom az összes scriptet ami ugye beilleszti a HTML kódokat a megfelelő helyekre. A globalcontent mappába ugye az univerzálisan felhasznált HTML részletek kerülnek, külön fájlokba.


A kódok, melyeket StackOverflow-ról néztem le:

[link]


(a PHP megoldáson kívűl mindegyiket néztem, de nem működött)


Mit ronthatok el? Eléggé idegesítő a helyzet. A PHP-t nem szeretném használni. Igen, jól vannak a fájlok linkelve, és az ID-ket is leellenőriztem. Próbáltam inline kódként és linkelt fájlként is, mind sikertelenül.


Tegyük hozzá, hogy még zöldfülű vagyok JS-ban, szóval simán lehet hogy valami egyszerűt nem veszek észre.



2021. ápr. 5. 19:38
 1/7 anonim ***** válasza:
Hol a kódod?
2021. ápr. 5. 19:48
Hasznos számodra ez a válasz?
 2/7 A kérdező kommentje:

Leírtam, hogy a Stackoverflow-ról másoltam le.

Ez lenne kb., csak a script részét külső fájlba helyezném át.


<!--Navigation bar-->

<div id="nav-placeholder">


</div>


<script>

$(function(){

$("#nav-placeholder").load("nav.html");

});

</script>

<!--end of Navigation bar-->

2021. ápr. 5. 19:51
 3/7 anonim ***** válasza:

Az összes fájlod teljes kódja kellene, anélkül nem lehet hibát keresni.

Devtools nem ír ki hibát? A http request elmegy? Mi jön vissza?

2021. ápr. 5. 19:52
Hasznos számodra ez a válasz?
 4/7 A kérdező kommentje:
Nem kapok semmi hibát.
2021. ápr. 5. 19:57
 5/7 anonim ***** válasza:

Milyen http kérés megy ki, és mi jön vissza válaszként?

Melyik jQuery verziót használod?

2021. ápr. 5. 20:05
Hasznos számodra ez a válasz?
 6/7 anonim ***** válasza:
100%
Köszönjük hogy ezt megosztottad velünk.
2021. ápr. 5. 20:19
Hasznos számodra ez a válasz?
 7/7 anonim ***** válasza:

Kipróbáltam, legfrissebb jQuery-vel. Ennyi a kódom:


index.html: [link]

nav.html: [link]


Nálam megy.

2021. ápr. 5. 20:32
Hasznos számodra ez a válasz?

Kapcsolódó kérdések:





Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!