Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Moderatore di PHP L'avatar di Alhazred
    Registrato dal
    Oct 2003
    Messaggi
    12,501

    Ricaricare una funzione jQuery dopo una chiamata AJAX

    Su un sito in costruzione sto usando Tooltipster per gestire la grafica dei tooltip, ma ho un problema.
    Ho una pagina su cui è presente un'immagine e passandoci sopra appare correttamente il tooltip con la grafica voluta.
    Questa immagine è cliccabile ed al click attiva una chiamata AJAX, la funzione lato server, dopo aver eseguito le operazioni, risponde con del codice HTML che genera una nuova immagine che va a sostituire quella su cui si è cliccato.
    La nuova immagine non viene gestita da Tooltipster perché ovviamente al momento del caricamento della pagina e quando Tooltipster viene inizializzato, quell'immagine non c'era.
    C'è un modo per riinizializzare Tooltipster dopo la chiamata AJAX?

    Questa è l'immagine prima del click, quella che funziona
    codice:
    <div class="link-segui">
        <div class="pull-right">
            <a class="mod-tooltip" onclick="follow(2)" href="#">
                <img class="follow-icon"
                      onmouseout="this.src = 'http://localhost/assets/images/iconset/follow_grey.png'"
                      onmouseover="this.src = 'http://localhost/assets/images/iconset/follow_blu.png'"
                      alt="follow" src="http://localhost/assets/images/iconset/follow_grey.png">
            </a>
        </div>
    </div>
    L'immagine di rimpiazzo ha questo codice
    codice:
    <div class="pull-right">
        <a class="mod-tooltip" onclick="unfollow(2)" href="#">
            <img class="follow-icon"
                  onmouseout="this.src = 'http://localhost/assets/images/iconset/dont_follow_grey.png'"
                  onmouseover="this.src = 'http://localhost/assets/images/iconset/dont_follow_red.png'"
                  alt="follow" src="http://localhost/assets/images/iconset/dont_follow_grey.png">
        </a>
    </div>
    Qui non c'è il div più esterno perché quello resta, in quanto il codice per rimpiazzare l'immagine è
    codice:
    ...
    $.ajax({
            url: follow_url,
            type: 'POST',
            data: form_data,
            success: function(msg) {
                $('div.link-segui').html(msg);
            }
        });
    Tooltipster è associato alla classe mod-tooltip

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Ma dov'è l'inizializzazione Tooltipster che non la vedo, ho come l'intendo io $(oggetto).Tooltipster()
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3
    Moderatore di PHP L'avatar di Alhazred
    Registrato dal
    Oct 2003
    Messaggi
    12,501
    Vero, non l'ho scritto, però ieri sera stavo prprio fuso, sotto la doccia prima di dormire mi è venuta l'illuminazione, è bastato rimettere la chiamata a Tooltipster alla fine della funzione dell'evento success

    codice:
    $.ajax({
            url: follow_url,
            type: 'POST',
            data: form_data,
            success: function(msg) {
                $('div.link-segui').html(msg);
                $('.mod-tooltip').tooltipster({ maxWidth: 280 });
            }
        });

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.