[RISOLTO]JQuery&Bootstrap 3.0 - Popover

Pagine → 1 2

dyrr

Entropia Universe ↗
Lascia che il tuo avatar esplori nuovi mondi e viaggi tra i pianeti in questo stupendo MmoRpg Sci-Fi Free to Play!

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

AlterEgo ↗
Scopri AlterEgo GdR: un incredibile universo narrativo in stile medievale fantasy che cresce, muta e vive giorno dopo giorno grazie ai suoi giocatori!

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

New World Order ↗
Diventa un agente del Nuovo Ordine Mondiale e affronta le forze occulte che minacciano il pianeta Terra in questo GDR Urban Fantasy per Mobile!

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

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

06/10/2015 22:48:18

Prova ad usare una cosa tipo

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

New World Order ↗
Diventa un agente del Nuovo Ordine Mondiale e affronta le forze occulte che minacciano il pianeta Terra in questo GDR Urban Fantasy per Mobile!

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

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

06/10/2015 23:22:05

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

War Thunder ↗
Aviazione, veicoli corazzati e flotte militari della seconda guerra mondiale. Parteciperai a tutte le principali battaglie!

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>

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

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

Crash Bandicoot Zone ↗
Caos, libertà e risate: nel GDR ambientato nell’universo di Crash Bandicoot, ogni storia è possibile… e nulla è troppo folle!

08/10/2015 20:23:37

Non puoi usare il metodo nativo di popover:

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

Crash Bandicoot Zone ↗
Caos, libertà e risate: nel GDR ambientato nell’universo di Crash Bandicoot, ogni storia è possibile… e nulla è troppo folle!

08/10/2015 21:17:26 e modificato da wolverinelogan il 08/10/2015 21:26:54

si, però poi quando riclicco, non mi fa apparire più nulla. distrugge e basta. anzi, non risolve il problema. Ho anche provato così. ma nulla. continua arichiedermi doppio click

$(document).ready(function(){

$('.prova').popover({

placement : "top",
html : "true",

content : "<div class="media"><a href="#" class="pull-left"><img src="../images/avatar-tiny.jpg" class="media-object" alt="Sample Image"></a><div class="media-body"><h4 class="media-heading">Jhon Carter</h4><p>Excellent Bootstrap popover! I really love it.</p></div></div>"
});
$(document).on("click", ".popover .close" , function(){
$(this).parents(".popover").popover("hide");
});

});

eppure questo da dove l'ho trovato funziona!!

http://www.tutorialrepublic.com/faq/how-to-insert-close-button-in-bootstrap-popover.php ↗