Wordpress-layers

5 svar · 722 visningar · startad av SoulGod 30 mars 2012

SoulGodMedlem sedan aug. 20051 200 inlägg

Frågan30 mars 2012 08:16#1

Jag är i full gång med att bygga en dashboard-widget för en wordpress-blogg jag sysslar med, och i min lilla widget så skulle jag vilja ha flera flikar som man kan skifta mellan (dock utan att behöva reloada hela sidan).

Jag har tittat på CS Layers (hide/show), men det känns inte rätt vägg att gå.
Jag vill alltså kunna ha säg 3 flikar (Dag, Vecka, Månad),
och klickar jag på olika flikar ska det vara olika innehåll nedanför.

Vilken väg är bäst att gå?

SoulGodMedlem sedan aug. 20051 200 inlägg

1 apr. 2012 18:23#2

Har nu även försökt lägga in jQuery utan resultat ... :(

GildebrandMedlem sedan juni 2009920 inlägg

1 apr. 2012 19:03#3

Det är svårt att hjälpa utan kod...

SoulGodMedlem sedan aug. 20051 200 inlägg

2 apr. 2012 08:23#4

Jag har prövat med flera ...
Exempel:
http://digwp.com/2009/06/including-jquery-in-wordpress-the-right-way/

och även
http://jqueryui.com/

Problemet med dessa var att jag inte fick själva funktionen att fungera.
Istället för att dölja 3 div, så visades alla tre.

Jag MISSTÄNKER att det har med att göra med Wordpress,
att den inte läser in javascript-filen korrekt eller så.

Men jag hoppades på att någon kanske hade erfarenhet av det,
alternativt så kan jag lägga in koden igen så får du titta på det?

voigtann1Medlem sedan juni 20019 519 inlägg

5 apr. 2012 07:24#5

hur lägger du in jquery ui då? 2009 skrevs ditt exempel blogg inlägg, är inte instatt i hur wordpress fungera men på de wordpress.com som jag testade nu har ju jquery ui + jquery redan inlagt, du kanske skall kolla i felkonsolen och se vad som händer på din sida.

MickeA.comMedlem sedan feb. 20034 441 inlägg

6 apr. 2012 00:12#6

Nu har jag inte kollat på länkarna ovan men Wordpress är förberett för både jquery och jquery ui, med hjälp av funktionen

wp_enqueue_script();

För att inkludera både jQuery och UI kan du göra något liknande:

wp_enqueue_script("jquery");
wp_enqueue_script("jquery-ui-core");
wp_register_script('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js');

Annars kan du även skita helt i det där och inkludera på tradionellt vis... Men tänk på att det _måste_ ske i wp-content/themes/[DITT_TEMA]/header.php annars är risken stor för konflikter och massa annat tråkigt.