[RISOLTO]JQuery&Bootstrap 3.0 - Popover

Pagine → 1 2

dyrr

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

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

Metin2 ↗
Sfida i tuoi rivali a battersi con te e dimostra la tua superiorità in questo mondo fantasy!

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

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

Prova ad usare una cosa tipo

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

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

Game of Thrones ↗
Pronto a diventare il Signore dei Sette Regni? Guida la tua grande casata in epiche battaglie PvP ed esplora il mondo di Westeros!

06/10/2015 23:22:05

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

Pirates of the Caribbean ↗
Parti per un'avventura con Jack Sparrow, Will Turner, il Capitano Barbossa e altri spadaccini del franchise cinematografico Pirati dei Caraibi!

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>

NosTale ↗
Con l’aiuto della spada e della bacchetta magica risolverai abilmente intricate missioni e domerai coraggiosamente mostri selvaggi!

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

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

08/10/2015 20:23:37

Non puoi usare il metodo nativo di popover:

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