A JQuery .load() funkciója egyszerűen nem akar működni?
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:
(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.
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-->
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?
Milyen http kérés megy ki, és mi jön vissza válaszként?
Melyik jQuery verziót használod?
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
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!