Archief - jQuery.load() probleem.

s

scipicore

Legacy Member

• 21 aug 2010

• #1

Het zit zo, ik heb volgende regel in mijn script:

Code:

$('#knop').click(function(){
    $paneOptions.scrollTo('#blob',1500); 
    $("#blob").addClass("active");
    $("#blob").load([B][COLOR="Red"]'index.html'[/COLOR][/B], function() {
        alert('Pagina geladen.');
    });
});

Dat werkt perfect, maar als ik het verander naar:

Code:

$('#knop').click(function(){
    $paneOptions.scrollTo('#blob',1500); 
    $("#blob").addClass("active");
    $("#blob").load([B][COLOR="Red"]'log.html'[/COLOR][/B], function() {
        alert('Pagina geladen.');
    });
});

Werkt het niet meer, hoewel er in log.html net hetzelfde staat als in index.html.
Heb in vorige websites ook al gebruik gemaakt van deze methode en daar werkte het perfect. Zou iemand mij kunnen vertellen hoe dit komt?

Z

Zero Grav

Legacy Member

• 21 aug 2010

• #2

In de code zie ik niet zo direct een fout, geeft hij een error?
Kunt ge ook even gewoon het geheel online zetten zodat we zelf kunnen testen,

m

metalleke

Legacy Member

• 21 aug 2010

• #3

Als je gebruik maakt van firefox kun je met firebug zien welke pagina's er opgevraagd worden.
Kun je zien of de oproep effectief klopt.

s

scipicore

Legacy Member

• 21 aug 2010

• #4

metalleke zei:

Als je gebruik maakt van firefox kun je met firebug zien welke pagina's er opgevraagd worden.
Kun je zien of de oproep effectief klopt.

Klik om te vergroten...

Er wordt gewoon niets geladen bij het laden van de andere pagina. Toch bedankt om me eens in FF te laten kijken, website heeft daar een paar mankementjes.

Zero Grav zei:

In de code zie ik niet zo direct een fout, geeft hij een error?
Kunt ge ook even gewoon het geheel online zetten zodat we zelf kunnen testen,

Klik om te vergroten...

Nope, geen foutmelding of iets dergelijks, hij voert het precies gewoon niet uit.

Heb hem even online gezet.
Hier wordt index.html geladen
Hier wordt log.html geladen

index.html
log.html

code wordt uitgevoerd bij het klikken op de photosknop onderaan het scherm.
De div waarvan de content zou vervangen moeten worden is body/div.container/div#pane-options/div#elements/div#row/div#photos/div#photocontent.

Zoals ik al zei zijn er in FF enkele mankementen.

Ik hoop dat jullie er iets wijzer uit worden.

*edit*
Kus nu mijn kl*ten. Heb gemerkt dat het online wél werkt. Vreemd....
Anyhow, case closed wat mij betreft denk ik.

Z

Zero Grav

Legacy Member

• 21 aug 2010

• #5

Uw resolutie onafhankelijkheid werkt wel niet 100%, op mijn verticale resolutie (1440) valt de helft van uw site gewoon weg als ik mijn browser volledig openzet. Bij het verkleinen en het krimpen kan ik het wel weer zien.

Maar hier werkt het inderdaad ook.

s

scipicore

Legacy Member

• 21 aug 2010

• #6

Hmm vreemd. Ik had gerekend op een maximale resolutie van 1920*1080, maar normaal gezien zou ik moeten kunnen verdergaan tot 1500p. Spijtig genoeg heb ik hier geen scherm waarmee ik zo'n resoluties kan bereiken.

Zou je een screenshot kunnen geven?

Z

Zero Grav

Legacy Member

• 22 aug 2010

• #7

Nuja, in de breedte zet ik mijn vensters niet helemaal open, maar in de hoogte kan het wel eens voorkomen.

Screen shot 2010-08-21 at 23.57.43.png
En op volledige breedte: Screen shot 2010-08-21 at 23.58.27.png

Allé, qua opvulling moet ge in mijn ogen niet direct meer rekening houden met zo'n abnormaal hoge resoluties, maar uw site moet natuurlijk wel nog blijven werken.

m

metalleke

Legacy Member

• 22 aug 2010

• #8

Ik zie dat ge wilt besparen op aantal regels code maar dingen zoals:

Code:

$('#photosbtn').click(function(){$paneOptions.scrollTo('#photos',1500); $("#photos").addClass("active");$("#photocontent").load('index.html', function() { 19 alert('indexpagina geladen.');});});

Zijn toch echt wel niet leesbaar als ge wilt dat er iemand es naar kijkt
Beter dan eerst een versie maken om te testen waar alles goed leesbaar staat. Nadien kun je nog altijd die javascript gaan minify'en.