Kom ihåg mig?
Home Menu

Menu


JQuery, Ajax, fungerar men ej formatering

Ämnesverktyg Visningsalternativ
Oläst 2010-07-22, 11:35 #1
boromb boromb är inte uppkopplad
Medlem
 
Reg.datum: May 2007
Inlägg: 51
boromb boromb är inte uppkopplad
Medlem
 
Reg.datum: May 2007
Inlägg: 51
Standard JQuery, Ajax, fungerar men ej formatering

Hej,

För att försöka snabba upp sidan har jag använt mig av JQuery och Ajax.
När en besökare söker på sidan presenteras en lista med hittade poster. Hittas många poster delas listan i flera sidor , "pagination".

När besökaren klickar på en knapp som ska visa sidan så uppdateras endast listan med svar och det fungerar klockrent förutom det att formateringen på "pagination"-knapparna försvinner. Det är JQuery knappar. Dem fortsätter att fungera men theman försvinner.

Istället för röda blir dem standard vita. Det är som att dem inte hittas av theman eller
att css filen inte hittas.

Någon som känner igen detta?
Finns det några begränsningar?

Ha det!
boromb är inte uppkopplad   Svara med citatSvara med citat
Oläst 2010-07-22, 12:06 #2
tartareandesire tartareandesire är inte uppkopplad
Supermoderator
 
Reg.datum: Jan 2004
Inlägg: 11 585
tartareandesire tartareandesire är inte uppkopplad
Supermoderator
 
Reg.datum: Jan 2004
Inlägg: 11 585
Det finns ingenting som heter jQuery-knappar. Förmodligen har du rört till det för dig själv och har inte riktigt koll på vad du gör i koden. Gå igenom steg för steg och försök hitta var felet ligger.
__________________
Full-stack developer, free for smaller assignments
tartareandesire är inte uppkopplad   Svara med citatSvara med citat
Oläst 2010-07-22, 12:45 #3
boromb boromb är inte uppkopplad
Medlem
 
Reg.datum: May 2007
Inlägg: 51
boromb boromb är inte uppkopplad
Medlem
 
Reg.datum: May 2007
Inlägg: 51
Citat:
Ursprungligen postat av tartareandesire Visa inlägg
Det finns ingenting som heter jQuery-knappar. Förmodligen har du rört till det för dig själv och har inte riktigt koll på vad du gör i koden. Gå igenom steg för steg och försök hitta var felet ligger.
Det kan vara så men grejer är att det inte finns mycket att göra fel på.

Jag har en PHP funktion som listar hittade poster och skapar pagination knapparna.
Vid klick på pagination knapp uppdateras listan genom att samma php funktion anropas.
Allt fungerar förutom att efter första klicken på en pagination knapp försvinner formateringen. Jag har konstaterat att koden för sida1 när knappen har rätt färg och sida1 när knappen inte har rätt färg (först tryckt på sida2 och kommit tillbaka) är identisk förutom resultatet som presenteras. Knapparna tappar formatering i både firefox, chrome,safari och IE.

Med JQuery knapp menar jag en <button> som formateras av JQuery efter följande princip
http://jqueryui.com/demos/button/

<script type="text/javascript">
$(function() {
$("button, input:submit, a", ".demo").button();
});
</script>

Button får samma stil som laddade JQuery teman.

Själva listan med hittade poster formateras rätt!

Någon som råkat ut för liknande?

Ha det gott!
boromb är inte uppkopplad   Svara med citatSvara med citat
Oläst 2010-07-22, 13:21 #4
Althalos Althalos är inte uppkopplad
Medlem
 
Reg.datum: Jan 2006
Inlägg: 282
Althalos Althalos är inte uppkopplad
Medlem
 
Reg.datum: Jan 2006
Inlägg: 282
Hur ser den nya markupen ut då? Ett buttonelement kan liksom inte ändras så himla mycket...

Din uppfinningsrikedom vad gäller ord är ganska intressant btw. Thema: en blandras mellan theme och tema? :P
Althalos är inte uppkopplad   Svara med citatSvara med citat
Oläst 2010-07-22, 13:23 #5
allstars allstars är inte uppkopplad
Klarade millennium-buggen
 
Reg.datum: Apr 2006
Inlägg: 2 126
allstars allstars är inte uppkopplad
Klarade millennium-buggen
 
Reg.datum: Apr 2006
Inlägg: 2 126
Du skulle ha lyssnat på mig från början - inte blanda flera teman utan göra en klass för nytt utseende i befintlig css :P
allstars är inte uppkopplad   Svara med citatSvara med citat
Oläst 2010-07-22, 13:27 #6
Clarence Clarence är inte uppkopplad
Administratör
 
Reg.datum: Jan 2003
Inlägg: 1 974
Clarence Clarence är inte uppkopplad
Administratör
 
Reg.datum: Jan 2003
Inlägg: 1 974
Det låter troligt att du har följande kod:
Kod:
<script type="text/javascript">
$(function() {
$("button, input:submit, a", ".demo").button();
});
</script>
På första sidan som visas men att den inte laddas för varje sida som sedan laddas in med ajax och att knapparna ersätts av nya knappar via ajax. Alternativen blir att lägga denna javascript antingen i svaret för ajax-anropet eller vid callback-funktionen för lyckat ajax-anrop. Senare alternativet är "finare" men ibland mindre flexibelt.
Clarence är inte uppkopplad   Svara med citatSvara med citat
Oläst 2010-07-22, 14:19 #7
boromb boromb är inte uppkopplad
Medlem
 
Reg.datum: May 2007
Inlägg: 51
boromb boromb är inte uppkopplad
Medlem
 
Reg.datum: May 2007
Inlägg: 51
Citat:
Ursprungligen postat av Clarence Visa inlägg
Det låter troligt att du har följande kod:
Kod:
<script type="text/javascript">
$(function() {
$("button, input:submit, a", ".demo").button();
});
</script>
På första sidan som visas men att den inte laddas för varje sida som sedan laddas in med ajax och att knapparna ersätts av nya knappar via ajax. Alternativen blir att lägga denna javascript antingen i svaret för ajax-anropet eller vid callback-funktionen för lyckat ajax-anrop. Senare alternativet är "finare" men ibland mindre flexibelt.
Det var det jag misstänkte också under lunchen och det var det som var bekymret.
Jag har löst det via ditt andra alternativ och det fungerar klockrent!

Tackar så mycket!

Ha det!
boromb är inte uppkopplad   Svara med citatSvara med citat
Oläst 2010-07-22, 14:24 #8
boromb boromb är inte uppkopplad
Medlem
 
Reg.datum: May 2007
Inlägg: 51
boromb boromb är inte uppkopplad
Medlem
 
Reg.datum: May 2007
Inlägg: 51
Citat:
Ursprungligen postat av Althalos Visa inlägg
Hur ser den nya markupen ut då? Ett buttonelement kan liksom inte ändras så himla mycket...

Din uppfinningsrikedom vad gäller ord är ganska intressant btw. Thema: en blandras mellan theme och tema? :P


Det googlas en del och det läses en del information på olika språk som ibland, kanske pga värmen, beblandas i burken och orsakar oönskade resultat.

Tur att man inte alltid läser bokstavligt
boromb är inte uppkopplad   Svara med citatSvara med citat
Svara


Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)
 

Regler för att posta
Du får inte posta nya ämnen
Du får inte posta svar
Du får inte posta bifogade filer
Du får inte redigera dina inlägg

BB-kod är
Smilies är
[IMG]-kod är
HTML-kod är av

Forumhopp


Alla tider är GMT +2. Klockan är nu 10:35.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson
 
Copyright © 2017