Valutazione discussione:
  • 0 voto(i) - 0 media
  • 1
  • 2
  • 3
  • 4
  • 5
Chiudere un popup con voce di menu (js)
#1
Ciao a tutti, approfitto di questo post per presentarmi e chiedere il vostro aiuto.
Sono Claudia e sono un webmaster. Uso principalmente wordpress per realizzare i siti web e mastico poco i vari linguaggi di programmazione.
Ho un problema che non riesco a risolvere da sola ed eccomi qui a chiedere il vostro aiuto.

Ho un header fatto con elementor in cui un pulsante mi apre un modal popup. All'interno del popup ho sia il pulsante di chiusura che un menu di navigazione.

Il mio problema è che quando clicco sul menu di navigazione non si chiude il popup. Ho provato a inserire nel tema un custom js e a richiamare la classe css nella voce di menu ma non mi funziona, sicuramente sto sbagliando qualcosa ma non ho idea di cosa.

Grazie a chiunque vorrà aiutarmi.
Cita messaggio
#2
Ciao e benvenuta!
Riesci a farci vedere la pagina e/o il codice su cui stai lavorando?
Mattia!
Cita messaggio
#3
In pratica il menu nella barra sotto l'header oltre che andare alla sezione corrispondente (sito onepage), mi deve chiudere anche il modal popup e mi deve rimanere solo l'header.

Spero di essermi spiegata Smile


Allegati Anteprime
   
Cita messaggio
#4
Dovresti aggiungere alla pagina del codice JavaScript che, quando si clicca sulle voci del menù, chiude il pop-up.

Il codice potrebbe essere qualcosa del genere:

Codice:
jQuery(function($) {
    $('.menu a').click(function(e) {
        elementorProFrontend.modules.popup.closePopup({}, e);
    });
});

Al posto di ".menu a" dovresti mettere il selettore delle voci del menù (se conosci il CSS, è la stessa cosa).
Mattia!
Cita messaggio
#5
Ciao Mattia, grazie per il tuo tempo.
Ho provato ma non funziona, sicuramente sbaglio qualcosa io.

Ti allego due screen, uno per la classe del menu e uno del codice che ho inserito (ho provato anche senza trattini e con gli spazi ma nulla)


Allegati Anteprime
       
Cita messaggio
#6
Buongiorno, ieri sera ho risolto aggiungendo questo script ad un blocco html di elementor inserito direttamente nel template del popup:

<script>
jQuery(function($){
$(document).on('click','.elementor-location-popup a', function(event){
elementorProFrontend.modules.popup.closePopup( {}, event);
});
});
</script>

Se riesco a capire come contrassegnare la discussione come risolta lo faccio Smile
Cita messaggio


Discussioni simili
Discussione Autore Risposte Letto Ultimo messaggio
  allineamento menu Chandler 5 10.668 07/03/2010 10:46
Ultimo messaggio: Mattia
Wink Popup ad apertura del sito veeto 7 21.783 25/03/2009 07:47
Ultimo messaggio: Mattia

Vai al forum:


Utenti che stanno guardando questa discussione: 1 Ospite(i)