WordPress + jQuery + jQuery UI

Permalänk
Medlem

WordPress + jQuery + jQuery UI

Hej alla SweClockare var ett tag sedan jag använde forumet men ännu en gång måste man ta sig hit för att hitta det man söker. Då jag inte lyckas fixa det själv så ber jag om er hjälp. Jag har googlat och läst på internet om hur man gör men har inte fått det att fungera.

Jag vill alltså få jQuery + jQuery UI att fungera i min WordPress, då jag vill använda jQuerys UI (User Interface) för formulär och andra användbara funktioner!

Det jag har provat är att aktivera detta med hjälp av denna kod:

<?php wp_enqueue_script( $handle, $src, $deps, $ver, $in_footer ); ?>

i header.php i mitt tema.

Och sedan skall man lägga in det som man skall anropa t.ex.:

<script> $(function() { $( "#radio" ).buttonset(); }); </script>

innanför <head></head> i header.php.

Det jag testar att få fram är tex Radio-knappar:

<div class="demo"> <form> <div id="radio"> <input type="radio" id="radio1" name="radio" /><label for="radio1">Choice 1</label> <input type="radio" id="radio2" name="radio" checked="checked" /><label for="radio2">Choice 2</label> <input type="radio" id="radio3" name="radio" /><label for="radio3">Choice 3</label> </div> </form> </div><!-- End demo --> <div class="demo-description"> <p>A set of three radio buttons transformed into a button set.</p> </div><!-- End demo-description -->

och detta inne på min nyskapat sida som jag redigerar som HTML i WordPress avdelningen "skapa ny sida"...

Hur skall jag göra för att anropa detta på rätt sätt, förstår inte riktigt vad jag gör för fel.

Hoppas någon kan hjälpa mig. Jag använder mig av den senaste versionen av Wordpress och har inga andra konstig plugins.

Tacksam för svar! /Robba

Permalänk
Medlem
Skrivet av ropin:

Hej alla SweClockare var ett tag sedan jag använde forumet men ännu en gång måste man ta sig hit för att hitta det man söker. Då jag inte lyckas fixa det själv så ber jag om er hjälp. Jag har googlat och läst på internet om hur man gör men har inte fått det att fungera.

Jag vill alltså få jQuery + jQuery UI att fungera i min WordPress, då jag vill använda jQuerys UI (User Interface) för formulär och andra användbara funktioner!

Det jag har provat är att aktivera detta med hjälp av denna kod:

<?php wp_enqueue_script( $handle, $src, $deps, $ver, $in_footer ); ?>

i header.php i mitt tema.

Och sedan skall man lägga in det som man skall anropa t.ex.:

<script> $(function() { $( "#radio" ).buttonset(); }); </script>

innanför <head></head> i header.php.

Det jag testar att få fram är tex Radio-knappar:

<div class="demo"> <form> <div id="radio"> <input type="radio" id="radio1" name="radio" /><label for="radio1">Choice 1</label> <input type="radio" id="radio2" name="radio" checked="checked" /><label for="radio2">Choice 2</label> <input type="radio" id="radio3" name="radio" /><label for="radio3">Choice 3</label> </div> </form> </div><!-- End demo --> <div class="demo-description"> <p>A set of three radio buttons transformed into a button set.</p> </div><!-- End demo-description -->

och detta inne på min nyskapat sida som jag redigerar som HTML i WordPress avdelningen "skapa ny sida"...

Hur skall jag göra för att anropa detta på rätt sätt, förstår inte riktigt vad jag gör för fel.

Hoppas någon kan hjälpa mig. Jag använder mig av den senaste versionen av Wordpress och har inga andra konstig plugins.

Tacksam för svar! /Robba

Vet inte exakt vad du vill göra men kan det vara så att du försöker anropa ett element som inte existerar än?

Visa signatur

ηλί, ηλί, λαμά σαβαχθανί!?

Permalänk
Medlem
Skrivet av Leedow:

Vet inte exakt vad du vill göra men kan det vara så att du försöker anropa ett element som inte existerar än?

Hej Leedow och tack för ditt svar.

Har läst mig till att den nyaste versionen av Wordpress har "jquery" och "jquery ui" inbyggt, allt man behöver göra är att aktivea den, men jag verkar inte få det att fungera.

Det jag vill göra är att få fram de modiferade objekten på min wordpress hemsida. Och jQuery UI erbjuder detta.

Edit: De sidor jag har kollat på:

http://www.ishare.se/2010/02/jquery-i-wordpress/
http://codex.wordpress.org/Function_Reference/wp_register_scr...
http://wordpress.stackexchange.com/questions/7221/how-to-corr...

jQuery UI: http://jqueryui.com/demos/button/#radio

Permalänk
Medlem
Skrivet av ropin:

Hej Leedow och tack för ditt svar.

Har läst mig till att den nyaste versionen av Wordpress har "jquery" och "jquery ui" inbyggt, allt man behöver göra är att aktivea den, men jag verkar inte få det att fungera.

Det jag vill göra är att få fram de modiferade objekten på min wordpress hemsida. Och jQuery UI erbjuder detta.

Edit: De sidor jag har kollat på:

http://www.ishare.se/2010/02/jquery-i-wordpress/
http://codex.wordpress.org/Function_Reference/wp_register_scr...
http://wordpress.stackexchange.com/questions/7221/how-to-corr...

jQuery UI: http://jqueryui.com/demos/button/#radio

Gällandes själva aktiveringen så kan du titta här: http://digwp.com/2009/06/including-jquery-in-wordpress-the-ri...

Jag vet inte riktigt vad du har definierat $handle och de övriga variablerna till. Det ser ut som att du har tagit en syntax/definition av en metod och bara klistrat in det. Du måste ha variablerna satta, så att säga.

Om du sen tittar på den källkod som sidan genererar så borde du se om jquery har laddats in.
Om det har laddats in men det är något fel så borde det stå i error loggen för din webbläsare.

Visa signatur

ηλί, ηλί, λαμά σαβαχθανί!?