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!

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!

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

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

Det låter troligt att du har följande kod:
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!

:)

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 :)