[RISOLTO]JQuery&Bootstrap 3.0 - Popover

Pagine → 1 2

dyrr

Storie di Agarthi ↗
Un Varco si apre davanti a te, un mondo tra i mondi è a portata di mano. Lasciati alle spalle le certezze, inizia l'avventura!

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" );

World of Tanks ↗
Lanciati in epiche battaglie spalla a spalla con altri giocatori. Conquista la supremazia nel mondo dei Carri Armati!

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

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 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

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 22:48:18

Prova ad usare una cosa tipo

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

Sea of Conquest ↗
Vivi un'avventura tra i mari! Dal cuore del Mare del Diavolo, un paradiso piratesco brulicante di magia, tesori e avventure, salperai verso l'ignoto!

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?

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

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>

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.

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

The Coven ↗
Negli scorci di luce delle paludi della Louisiana fioriscono nuove ombre. Estend e la Congrega ti aspettano per vivere emozionanti avventure!

08/10/2015 20:23:37

Non puoi usare il metodo nativo di popover:

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