[RISOLTO]JQuery&Bootstrap 3.0 - Popover

Pagine → 1 2

dyrr

Exclusive Villa GdR ↗
Las Vegas, azzardo, vizi, soldi, intrighi... Più le sue luci sono scintillanti, più le sue ombre sono oscure. La città che non dorme mai, vi aspetta.

06/10/2015 19:58:52

Se usi per esempio jquery puoi rimuovere un elemento con la funzione .remove()

$('#test').remove();

https://api.jquery.com/remove/ https://api.jquery.com/remove/ ↗

E poi ricreare il div inserendolo nel punto in cui ti serve con le varie funzioni sempre di jquery tipo appendTo:

$("<div id='test'></div>").appendTo( "body" );

Enlisted ↗
Guida la tua squadra di soldati in combattimenti su larga scala, con fanteria, veicoli corazzati e aerei della IIa Guerra Mondiale!

06/10/2015 20:28:49 e modificato da wolverinelogan il 06/10/2015 20:29:57

uso Jquery anche se non sono bravissimo.

Per l'appunto il div da chiudere è generato da popover in questo modo

$(document).ready(function(){

$('.div1').popover({
content: "TESTO",
trigger: "click",
html: "true",
placement: "left",
delay: 300});
});

e richiamato così

In questo modo quando clicco sull'immagine mi apre il popover.

A questo punto ho inserito un semplice

per creare la x di chiusura. Ma non sò come applicare, magari con un onclick, il fatto di chiudere il div alla "X"

Mi manca qualche passaggio, ma non sò quale xD

p.s. sono più popover nella stessa pagina, circa una ventina

World of Warship ↗
MMO gratuito con frenetiche battaglie navali ambientate nel ventesimo secolo. Salpa con la tua nave ed affronta i nemici!

06/10/2015 22:29:59

Ok, anche questo l'ho risolto a breve posto il codice, ma non ho risolto il mio problema.

Il fatto è questo. Il popover quando lo apro non mi da alcun problema.

Clicco UNA volta e si apre. Poi però, se lo chiudo con la X.. Quando poi devo riaprirlo devo cliccare sull'immagine DUE volte. E non capisco perchè

luca

Sponsorizzati con noi! ↗
Sponsorizza il tuo gioco su GDR-online! Trova nuovi giocatori fra i migliaia di appassionati che ogni giorno visitano il portale!

06/10/2015 22:48:18

Prova ad usare una cosa tipo

$(".popover button").on('click', function(){$(".popover").popover("hide");})

RAID Shadow Legends ↗
Plasma i tuoi eroi fino a farli diventare vere e proprie armi viventi e assembla i più epici gruppi d'assalto mai visti finora!

06/10/2015 23:09:44

Non mi funziona, o magari sono io che non riesco a farlo funzionare, ho usato questo:

onclick=chiudi('adv')

ma comunque l'aver cambiato modo di chiudere il popover non mi risolve il problema del doppio click. Mi sta facendo impazzier :S

dyrr

Lineage II ↗
Entra in uno sconfinato mondo fantasy dominato da razze in contrasto tra loro. Scatena i tuoi poteri in uno dei Mmo più famosi al mondo!

06/10/2015 23:22:05

popover non è una funzione nativa di jquery, che plugin stai usando?

Hero Wars ↗
Costruisci la tua squadra di eroi leggendari e domina il campo di battaglia! Strategia, tattica e potenza si scontrano in questo RPG ricco di azione!

06/10/2015 23:24:47 e modificato da wolverinelogan il 06/10/2015 23:29:22

bootstrap 3.0

clicco sull immagine del marker e mi apre il popover. Riclicco sul marker e me lo chiude, riclicco sul marker e me lo apre, e via così, sino ache clicco sul marker e solo su quello no problema

Ma se clicco sul marker, e il popover lo chiudo con la X e non ricliccando sul marker, quando poi devo riaprirlo, devo cliccarci due volte..

spero di essermi spiegato ^^"

per completezza ti dico che il popover lo stro aprendo all'interno di una finestra modale, in questo modo

<img src="ico-map.png" class="btn" data-toggle="modal" data-target="#myModal" />



<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">

<script>



$(document).ready(function(){

$('.div1').popover({
content: "TESTO",
html: "true",
placement: "left",
trigger: "click",});
});

</script>

<img src="img/defoult1.png" width="20" height="28" class="div1">

</div>

Sponsorizzati con noi! ↗
Sponsorizza il tuo gioco su GDR-online! Trova nuovi giocatori fra i migliaia di appassionati che ogni giorno visitano il portale!

08/10/2015 19:03:26 e modificato da wolverinelogan il 08/10/2015 19:09:20

Ragazzi, ho capito il problema 😝😝😝
ma..
non sò risolverlo.

Allora:

Quando io clicco sul pulsante per aprire il popover lui lo apre.
e mi crea un div di quest tipo:

A questo punto io gli dico: quando clicco sulla X chiudimi il div popover-content, che è quello che ha il contenuto. E lui lo chiude. ma in realtà il div che lui genera in automatico per fare da scatolone, non si chiude!

E quindi quando riclicco la prima volta chiude quel div. E la seconda apre il mio popover. Se sono riuscito a spiegarmi.. Qualcuno sà come srisolvere?? Perchè credo che il numero che viene assegnato all'id del div s cambi ogni volta.

😭😭😭😭

Per intenderci:

Come vedete me lo inscatola ogni volta in un div con numero generato casualmente, secondo me.
Quello dovrei chiudere!

dyrr

CRSED: F.O.A.D. ↗
Brutale sparatutto MMO in cui vince l'ultimo giocatore che resta in vita! Il giocatore sarà accompagnato da armi realistiche e magie!

08/10/2015 20:23:37

Non puoi usare il metodo nativo di popover:

$('#element').popover('destroy');