Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 12
  1. #1
    Utente di HTML.it L'avatar di ispuk
    Registrato dal
    Jan 2009
    Messaggi
    1,026

    Jquery legare insieme 2 funzioni

    ciao cerco qualcuno esperto di jquery che mi possa aiutare

    vorrei legare insieme due funzioni una è
    $("a#link").click(function(){$("#steps").fadeOut(" this");})
    l'altra
    $("a#link").click(function(){$("#steps").hide("thi s");})

    non so se sto cercando ci fare qualcosa che non esiste

    vorrei legare le due funzioni in un unica funzione una sorta di :

    $("a#link").click(function(){$("#steps").fadeOut(" this").hide("this");})

    qualcuno mi aiuta ?

  2. #2
    Innanzitutto specifica che libreria usi (credo jQuery), comunque quel codice che problema dà?

  3. #3
    Utente di HTML.it L'avatar di ispuk
    Registrato dal
    Jan 2009
    Messaggi
    1,026
    ciao,jquery.1.3.2 è la libreria

    il codice non crea problemi vorrei solamente cercare di scriverne meno possibile purtroppo non sono esperto di javascript ....

  4. #4
    Entrambe i valori di ritorno dei due metodi restituiscono $("a#link"), quindi concatenarle dovrebbe funzionare. Anche se non capisco il "this"

  5. #5
    Utente di HTML.it L'avatar di ispuk
    Registrato dal
    Jan 2009
    Messaggi
    1,026
    uhm forse non mi sono spiegato bene eheheh
    magari funziona concatenarle ma come si scrive quello che ho chiesto? il mio era un esempio senza metodo non ho idea se va bene o no

    comuinque con "this" intendo la stessa cosa ovvero fai conto che in entrambe i "this" ci sia div#pippo

    grazie comunque

  6. #6
    Mi dispiace ma non ho capito

  7. #7
    Quel "this" non so che significato abbia per te.
    Comunque se quello che vuoi fare è che al click dell'a con id link faccia sparire l'elemento con id steps, allora:
    codice:
    $("a#link").click(function(){
      $("#steps").fadeOut();
    })
    In pratica l'hide non serve se c'è un fadeOut, in ogni caso potresti concatenarlo:

    codice:
      $("#steps").fadeOut().hide();

  8. #8
    Utente di HTML.it L'avatar di ispuk
    Registrato dal
    Jan 2009
    Messaggi
    1,026
    ciao,si quello che scritto qua era un esempio ,adesso ti faccio vedere ciò che ho scritto e che vorrei semplificare, il codice funziona ma non sai quanto ho tribolato per scriverlo ed è veramente lungo ,vorrei ridurlo all'osso insomma se possibile :

    funziona come una sorta di menu gallery:

    [CODE]
    $("a#1").click(function(){$("#servizi-desc,#div-1").fadeIn("slow");})
    $("a#1").click(function(){$("#steps,#area-download").hide();})
    $("a#1").click(function(){$("#div-2,#div-3,#div-4,#div-5,#div-6").hide();})

    $("a#2").click(function(){$("#servizi-desc,#div-2").fadeIn("slow");})
    $("a#2").click(function(){$("#steps,#area-download").hide();})
    $("a#2").click(function(){$("#div-1,#div-3,#div-4,#div-5,#div-6").hide();})

    $("a#3").click(function(){$("#servizi-desc,#div-3").fadeIn("slow");})
    $("a#3").click(function(){$("#steps,#area-download").hide();})
    $("a#3").click(function(){$("#div-2,#div-1,#div-4,#div-5,#div-6").hide();})

    $("a#4").click(function(){$("#servizi-desc,#div-4").fadeIn("slow");})
    $("a#4").click(function(){$("#steps,#area-download").hide();})
    $("a#4").click(function(){$("#div-2,#div-3,#div-1,#div-5,#div-6").hide();})

    $("a#5").click(function(){$("#servizi-desc,#div-5").fadeIn("slow");})
    $("a#5").click(function(){$("#steps,#area-download").hide();})
    $("a#5").click(function(){$("#div-2,#div-3,#div-4,#div-1,#div-6").hide();})

    $("a#6").click(function(){$("#servizi-desc,#div-6").fadeIn("slow");})
    $("a#6").click(function(){$("#steps,#area-download").hide();})
    $("a#6").click(function(){$("#div-2,#div-3,#div-4,#div-5,#div-1").hide();})

    $("a#close").click(function(){$("#servizi-desc").hide();})
    $("a#close").click(function(){$("#steps,#area-download").fadeIn();})
    [CODE]

    come puoi vedere ho dovuto riscrivere ogni volta .click per ogni azione che deve compiere il link,vorrei cercare di scrivere invece che 3 righe per ogni link una sola

  9. #9
    Dipende un po' troppo dal dom e dovrei spiegarti jQuery da zero, però provo solo a dare una sforbiciata:

    codice:
    $("a#1,a#2,a#3,a#4,a#5,a#6").click(function(){
      // LI CHIUDO TUTTI PRIMA
      $("#div-1,#div-2,#div-3,#div-4,#div-5,#div-6").hide();
      $("#servizi-desc").fadeIn("slow");
      $("#steps,#area-download").hide();
      // APRO QUELLO CHE MI INTERESSA (prendo l'id del link e lo uso per chiudere il div corrispondente)
      $("#div-"+$(this).attr("id")).fadeIn("slow");
    })
    
    $("a#close").click(function(){
      $("#servizi-desc").hide();
      $("#steps,#area-download").fadeIn();
    })

  10. #10
    Utente di HTML.it L'avatar di ispuk
    Registrato dal
    Jan 2009
    Messaggi
    1,026
    ciao,tornando a noi ti volevo chiedere,dal momento che non posso usare come selettori id per gli a in questione i numeri 1 2 3 4 5 6 ,poichè per il doctype che uso risultano non buoni

    se volessi usare invece che


    come dovrei fare,ho provato ma ovviamente prendendo l'id non sembra funzionare ,hai una soluzione?

    grazie eh

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.