Autor | Zpráva | ||
---|---|---|---|
Lucie M. Profil * |
#1 · Zasláno: 7. 9. 2013, 16:53:35
Ahoj, poradil by mi prosím někdo, jak načíst pomocí jquery obsah souboru? Zkoušela jsem
$('.obsah').load('ovoce.html'); <div class="obsah"></div> ale pokud načtu pomocí tlačítka jiný soubor, vidím stále ten první obsah souboru, potřebovala bych vždy zobrazit jen ten jeden obsah. Poradí někdo kdo to zná? L. |
||
quatzael Profil |
#2 · Zasláno: 7. 9. 2013, 17:07:43 · Upravil/a: quatzael
Lucie M.:
Jakože se Ti načte nový a ten starý nezmizí?? Přece musíš nejdřív smazat ten původní. Vyprázdnit div. metodou empty() |
||
Lucie M. Profil * |
#3 · Zasláno: 7. 9. 2013, 17:51:29
Ne, chodí to jen když dám pokaždém kliknutí na odkaz F5, jinak se jiná stránka nenačte :(
Script jsem našla zde na fóru ale asi nefunguje :( <a href="#1">1</a> <a href="#2">2</a> <a href="#4">3</a> <script type="text/javascript"> $(document).ready(function() { var gethash = location.hash; var newhash = gethash.replace("#", ""); $('.obsah').empty(); if(newhash != ''){ $('.obsah').load('obsah/'+newhash+'.html'); } else { $('.obsah').load('obsah/1.html'); }; }); </script> <div class="obsah"></div> |
||
quatzael Profil |
#4 · Zasláno: 7. 9. 2013, 18:08:19
Lucie M.:
Vždyť Ti tam chybí onclick() event přece! |
||
Lucie M. Profil * |
#5 · Zasláno: 7. 9. 2013, 18:13:20
Jejda kde, jak? Děkuji
|
||
quatzael Profil |
#6 · Zasláno: 7. 9. 2013, 18:20:24 · Upravil/a: quatzael
$("#button").click(function(){ var gethash = location.hash; var newhash = gethash.replace("#", ""); $('.obsah').empty(); if(newhash != ''){ $('.obsah').load('obsah/'+newhash+'.html'); } else { $('.obsah').load('obsah/1.html'); }; }); respektive celý takhle nějak: <a class="button" href="#1">1</a> <a class="button" href="#2">2</a> <a class="button" href="#4">3</a> <script type="text/javascript"> $(document).ready(function() { var gethash = location.hash; var newhash = gethash.replace("#", ""); $('.obsah').empty(); if(newhash != ''){ $('.obsah').load('obsah/'+newhash+'.html'); } else { $('.obsah').load('obsah/1.html'); }; $(".button").click(function(){ var gethash = location.hash; var newhash = gethash.replace("#", ""); $('.obsah').empty(); if(newhash != ''){ $('.obsah').load('obsah/'+newhash+'.html'); } else { $('.obsah').load('obsah/1.html'); }; }); }); </script> <div class="obsah"></div> |
||
Lucie M. Profil * |
#7 · Zasláno: 7. 9. 2013, 18:24:20
Nic se nenačte :-(
|
||
quatzael Profil |
#8 · Zasláno: 7. 9. 2013, 18:30:32
Lucie M.:
Mělo by to takhle fungovat.. Maximálně, že by tam zůstával ten starej hash. To by se dalo když tak ještě vyřešit pomocí data-type |
||
Lucie M. Profil * |
#9 · Zasláno: 7. 9. 2013, 18:32:16
Už to načítá, ale musím 2x kliknout :(
|
||
quatzael Profil |
Zkus otestovat, jestli se po kliknutí na to tlačítko opravdu spustí ta funkce load..
Zkus dát za ten řádek 23 ještě například nějakej window.alert(); třeba takhle: if(newhash != ''){ $('.obsah').load('obsah/'+newhash+'.html'); window.alert(newhash); } Může to být o krok pozadu, že ten javascript načte hash ještě než se stačí změnit.. |
||
Lucie M. Profil * |
#11 · Zasláno: 7. 9. 2013, 18:37:42
window.alert(newhash); zobrazi hash vzdy předposlední :-( Jak to opravím...
|
||
quatzael Profil |
<a class="button" data-hash="1" href="#1">1</a> <a class="button" data-hash="2" href="#2">2</a> <a class="button" data-hash="3" href="#4">3</a> <script type="text/javascript"> $(document).ready(function() { var gethash = location.hash; var newhash = gethash.replace("#", ""); $('.obsah').empty(); if(newhash != ''){ $('.obsah').load('obsah/'+newhash+'.html'); } else { $('.obsah').load('obsah/1.html'); }; $(".button").click(function(){ var gethash = $(".button").attr("data-hash"); $('.obsah').empty(); $('.obsah').load('obsah/'+gethash+'.html'); }); }); </script> <div class="obsah"></div> Teď by to mělo takhle určitě fungovat. |
||
Lucie M. Profil * |
#13 · Zasláno: 7. 9. 2013, 18:52:00
Tak teď už se vůbec obsah nezmění :(
|
||
quatzael Profil |
tak je někde chyba v javascriptu..
|
||
Lucie M. Profil * |
#15 · Zasláno: 7. 9. 2013, 18:58:44
Unhandled Error: Undefined variable: data-hash...
|
||
quatzael Profil |
Lucie M.: tam Ti asi chybí uvozovky ne?? Lucie M.: Myslím u toho data-hash.. „Unhandled Error: Undefined variable: data-hash...“ Sorry, už vím!! řádek 19: var gethash = $(this).attr("data-hash"); |
||
Lucie M. Profil * |
#17 · Zasláno: 7. 9. 2013, 19:15:41
jj, teď to funguje, ale je problém s tím <a class="button" data-hash="xy" href="#xy">1</a>. Tohle vkádám do stránek s JS a odkazy jsou dělány přes funkci, cili nedokážu tam dostat navíc data-hash :-( nejde to jinak?
|
||
quatzael Profil |
#18 · Zasláno: 7. 9. 2013, 19:21:16
Lucie M.:
„odkazy jsou dělány přes funkci, cili nedokážu tam dostat navíc data-hash“ Nerozumím co tím myslíš.. Jako přes funkci v PHP?? Tam to pochopitelně musíš taky upravit.. |
||
Lucie M. Profil * |
#19 · Zasláno: 7. 9. 2013, 19:26:59 · Upravil/a: Lucie M.
kdyby to bylo přes php tak je to fajn, ale přes jquery funkce, a ten kod má cca 1000 řádků :-(
jedna se o tento modul http://destroydrop.com/javascripts/tree/ |
||
quatzael Profil |
#20 · Zasláno: 7. 9. 2013, 19:34:21
Fakt nevím, jak to myslíš.. HTML kód?? Je snad jedno kolik má řádku..
Zkus se vyjádřit opravdu srozumitelněji. Já takhle opravdu nevím v čem je problém.. Je problém, že musíš ručně přepsat 1000 řádků nebo co? |
||
Lucie M. Profil * |
#21 · Zasláno: 7. 9. 2013, 19:53:58
Nn, problém je v tom, že ty odkazy jsou přes nějakou funkci v jquery něco jako
d.add(1, 0, 'Odkaz'); a pokud do toho odkazu přidám něco jiného, tak to hodí chybu, jelikož je tam něco co tam nepatří :-( |
||
quatzael Profil |
#22 · Zasláno: 7. 9. 2013, 20:24:02 · Upravil/a: quatzael
Lucie M.:
Přes jakou funkci?? Ty stránky jsi netvořila Ty, že to nevíš? Tak tam nedávej ten data-hash a udělej to zase jako původně.. <a class="button" href="#1">1</a> <a class="button" href="#2">2</a> <a class="button" href="#4">3</a> <script type="text/javascript"> $(document).ready(function() { var gethash = location.hash; var newhash = gethash.replace("#", ""); $('.obsah').empty(); if(newhash != ''){ $('.obsah').load('obsah/'+newhash+'.html'); } else { $('.obsah').load('obsah/1.html'); }; $(".button").click(function(){ var gethash = $(".button").attr("href"); var newhash = gethash.replace("#", ""); $('.obsah').empty(); $('.obsah').load('obsah/'+newhash+'.html'); }); }); </script> <div class="obsah"></div> Pokud to teda jede s tou třídou .button.. |
||
Časová prodleva: 11 let
|
0