[RISOLTO]JQuery&Bootstrap 3.0 - Popover

Pagine → 1 2

dyrr

New Orleans ↗
La Città dai Mille Volti: Crime, Feste, Mistero, Voodoo, Natura Incontaminata, Fama, Grattacieli, Luci Splendenti e Ombre Profonde.

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

New Orleans ↗
La Città dai Mille Volti: Crime, Feste, Mistero, Voodoo, Natura Incontaminata, Fama, Grattacieli, Luci Splendenti e Ombre Profonde.

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

Crossout ↗
Tuffati nel mondo di Crossout, il gioco MMO d'azione post apocalittico! Costruisci le tue speciali macchine da combattimento!

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

New Orleans ↗
La Città dai Mille Volti: Crime, Feste, Mistero, Voodoo, Natura Incontaminata, Fama, Grattacieli, Luci Splendenti e Ombre Profonde.

06/10/2015 22:48:18

Prova ad usare una cosa tipo

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

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

Tibia ↗
Tibia è un MMORPG gratuito online dal 1997 e con migliaia di utenti connessi! Riscopri il divertimento old style!

06/10/2015 23:22:05

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

Crossout ↗
Tuffati nel mondo di Crossout, il gioco MMO d'azione post apocalittico! Costruisci le tue speciali macchine da combattimento!

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

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

08/10/2015 20:23:37

Non puoi usare il metodo nativo di popover:

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