Un Evento Unico. 5 Sale. 27 Interventi. SEO, SOCIAL, E-Commerce, Mobile, Turismo.
CLICCA QUI e SCOPRI DI PIù X Chiudi
 
Forum GT: Condividiamo idee e conoscenza Forum GT: Condividiamo idee e conoscenza


Condividi questo contenuto nei Social Network:
Ti stiamo aspettando: Registrati subito e gratis. Entra a far parte di una delle comunità più attive in Italia. Se hai dimenticato i tuoi dati li puoi recuperare subito.


Vai indietro   Forum per Webmaster: Condividiamo Idee e Conoscenza > Sviluppo e Gestione siti web > Scripting lato client
Benvenuto! Forum Regole FAQ Lista utenti Calendario Segna come letti


Rispondi
 
LinkBack Strumenti di discussione
Vecchio 23-12-11, 17:39   #1 (permalink)
User
 
L'avatar di Akela86
 
Data di registrazione: May 2009
Ubicazione: Lauro Di Sessa
Messaggi: 56
Invia un messaggio tramite MSN a Akela86 Invia un messaggio tramite Skype a Akela86
Problema jQuery, animazioni e eventi in WordPress

Ultimamente ho iniziato a studiare le API di jQuery e ora sto cercando di applicare un effetto ad il searchbox di WordPress. In pratica quando ha il focus dovrebbe allungarsi di 100px, viceversa accorciarsi di 100.
Lo script utilizzato è il seguente:
Codice:
        var $jq = jQuery.noConflict();
        $jq("#s").bind("focus blur", function(event){
            if(event.type == "focus"){
                $jq("this").animate({
                    "width" : "+=100px"
                    },
                    "fast"
                );
            }
            else{
                $jq("this").animate({
                    "width": "-=100px"
                    },
                    "fast"
                );
            }
        });
La console non mi da alcun errore e ad occhio non mi sembra di aver dimenticato nulla eppure non va, lo script non viene eseguito, sembra non andare oltre il metodo .bind(). Ho provato a fare dei test sostituendolo con altri metodi analoghi come .focus() e .blur() ma ottengo gli stessi risultati.

Spero che qualcuno con una competenza superiore alla mia di jQuery possa darmi una mano.
__________________
NebulosaWeb - Realizzazione Siti
Akela86 non in linea   Rispondi citando
Vecchio 23-12-11, 18:48   #2 (permalink)
User
 
Data di registrazione: Jun 2010
Messaggi: 193
prova a cambiare ("this") in (this)
__________________
Siti Web
linoma non in linea   Rispondi citando
Vecchio 23-12-11, 20:18   #3 (permalink)
User
 
L'avatar di Akela86
 
Data di registrazione: May 2009
Ubicazione: Lauro Di Sessa
Messaggi: 56
Invia un messaggio tramite MSN a Akela86 Invia un messaggio tramite Skype a Akela86
Nulla, stessa storia...
__________________
NebulosaWeb - Realizzazione Siti
Akela86 non in linea   Rispondi citando
Vecchio 23-12-11, 21:39   #4 (permalink)
User
 
Data di registrazione: Jun 2010
Messaggi: 193
A me funziona deve esserci qualcosa prima allora, forse è sbagliato l'id del tuo <input />
__________________
Siti Web
linoma non in linea   Rispondi citando
Vecchio 24-12-11, 02:51   #5 (permalink)
User
 
L'avatar di Akela86
 
Data di registrazione: May 2009
Ubicazione: Lauro Di Sessa
Messaggi: 56
Invia un messaggio tramite MSN a Akela86 Invia un messaggio tramite Skype a Akela86
L'id è s, ho provato anche ad usare la classe dell'input ma da lo stesso risultato.
Ho provato anche a disattivare un plugin che aveva un suo script ma nulla.

Ho creato anche una pagina test con solo jquery e lo script col form ma non mi funge. Devo capire dove sbaglio o dove sta il problema...
__________________
NebulosaWeb - Realizzazione Siti
Akela86 non in linea   Rispondi citando
Vecchio 24-12-11, 13:38   #6 (permalink)
User
 
Data di registrazione: Jun 2010
Messaggi: 193
Se posti tutto il codice o il link provo ad aiutarti
__________________
Siti Web
linoma non in linea   Rispondi citando
Vecchio 24-12-11, 14:56   #7 (permalink)
User
 
L'avatar di Akela86
 
Data di registrazione: May 2009
Ubicazione: Lauro Di Sessa
Messaggi: 56
Invia un messaggio tramite MSN a Akela86 Invia un messaggio tramite Skype a Akela86
lo script è a akelatest .altervista .org
__________________
NebulosaWeb - Realizzazione Siti
Akela86 non in linea   Rispondi citando
Vecchio 24-12-11, 15:21   #8 (permalink)
User
 
Data di registrazione: Jun 2010
Messaggi: 193
Molto probabilmente lo script viene eseguito prima che la pagina venga caricata del tutto e non trova il tag con id s. Devi includere il tuo script in un $(document).ready(function(){}); oppure lo accodi alla fine della tua pagina html, ma è preferibile la prima opzione.
__________________
Siti Web
linoma non in linea   Rispondi citando
Vecchio 25-12-11, 15:31   #9 (permalink)
User
 
L'avatar di Akela86
 
Data di registrazione: May 2009
Ubicazione: Lauro Di Sessa
Messaggi: 56
Invia un messaggio tramite MSN a Akela86 Invia un messaggio tramite Skype a Akela86
Grazie mille per la dritta, ora funge tutto

Grazie ancora e buon natale!
__________________
NebulosaWeb - Realizzazione Siti
Akela86 non in linea   Rispondi citando
Rispondi
Tags: , , ,



Strumenti di discussione

Regole di scrittura
Non puoi postare nuove discussioni
Non puoi rispondere alle discussioni
Non puoi allegare file
Non puoi editare i tuoi post

BB code is Attivo
smilies è Attivo
[IMG] il codice è Attivo
Il codice HTML è Disattivato
Trackbacks are Attivo
Pingbacks are Attivo
Refbacks are Disattivato
Vai al forum



Tutti gli orari sono GMT +3. Attualmente sono le 20:25.




Forum GT - © 2004-2009 GT idea S.r.l P.iva 02418200800 - Privacy/Disclaimer

SEO by vBSEO 3.2.0 ©2008, Crawlability, Inc.