Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it L'avatar di zoom
    Registrato dal
    Dec 2001
    Messaggi
    1,737

    [Jquery] Ripetere $(document).ready dopo aggiornamento DOM

    ho un problema con jquery e volevo sapere se era possibile aggirarlo prima di cambiare approccio e mettere una funzione onclick.

    io ho un codice di questo tipo

    codice:
    $(document).ready(
    	function () {
    		$(".muoviScheda").click(function(){
    che funziona correttamente. tutta la funzione viene eseguita al click sui pulsanti .muoviScheda.
    Il mio problema è che in pagina ho delle altre funzioni per modificare il DOM che vanno a scrivere altri pulsanti .muoviScheda.
    Ovviamente questi essendo stati inseriti dopo il caricamento della pagina non hanno il richiamo alla funzione.
    C'è un modo per fare assegnare anche ai nuovi pulsanti la funzione oppure è più semplice spostarla direttamente all'onclick? :master:
    Chicco Ravaglia per sempre con noi!

  2. #2
    beh, scusa, ma nello stesso modo in cui le associ al domready:

    Codice PHP:
    function muoviScheda(){
       
    //Il codice che il pulsante dovrà eseguire
    }

    $(
    document).ready(
        function () {
            $(
    ".muoviScheda").click(muoviScheda);
            }
    );

    function 
    aggiungiMuoviScheda()
    {
       var 
    pulsante;
       
    //qui si aggiungera il pulsante modificando il DOM
       
    pulsante.click(muoviScheda);


  3. #3
    Utente di HTML.it L'avatar di zoom
    Registrato dal
    Dec 2001
    Messaggi
    1,737
    niente... non riesco a capirla sta cosa... :master:
    al domready ho questa funzione

    codice:
    $(".tags").hover(function(){
    		$(this).append("<span class=\"eliminaTag\"><a href=\"articolo.cfm\" onclick=\"return caricaTesto('articolo.cfm','elencoTags','get','')\" onkeypress=\"return this.onclick();\">x</a></span>");
    	},
    	function(){
    		$(".eliminaTag").remove();
    	}
    );
    il link che viene scritto da jquery è un link ajax che come risultato modifica lo stesso div che contiene i link...
    dopo il submit la funzione hover non va più...
    come posso modificare il codice? non riesco a trovare la logica... mmm
    Chicco Ravaglia per sempre con noi!

  4. #4
    beh, è ovvio: se modifichi il div che contiene i link con class="tags" devi poi riapplicare gli eventi, perché i link, sebbene uguali, sono diversi dal punto di vista di JS, è come se quel pezzo di pagina lo avessi ricaricato, quindi devi riapplicare il pezzo di codice che hai scritto alla fine della chiamata AJAX (nell'evento onComplete della stessa, dopo che hai aggiornato il div)

  5. #5
    Utente di HTML.it L'avatar di zoom
    Registrato dal
    Dec 2001
    Messaggi
    1,737
    perfetto! funzia

    gracias
    Chicco Ravaglia per sempre con noi!

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 © 2025 vBulletin Solutions, Inc. All rights reserved.