J'utilise le clickover bootstrapX dont la démonstration est faite ici : http://www.leecarmichael.com/bootstrapx-clickover/examples.html
<img class="img-circle" src="something" alt="something"
rel="clickover"
onclick="loadData(this, somedata)" />
loadData(element, somedata){
if(!$(element).attr('data-content')) {
// build clickover flyout html
$(element).clickover('show');
} else {
// do nothing clickover is already attached
}
}
Ça marche... presque.
Lorsque je clique sur l'élément image pour la première fois, je dois fermer le clickover en cliquant sur l'image, sinon il ne se ferme pas, même si je clique pour ouvrir d'autres clickovers ou si je clique simplement sur le corps de la page.
Tous les clics suivants qui montrent le clickover peuvent être cachés par un clic n'importe où ailleurs, ce qui est la façon dont cela devrait fonctionner. J'ai essayé de fermer tous les autres clics, de dissocier l'événement de clic et autres, sans succès. J'ai besoin de lier l'événement loadData
en html et non en javascript comme le onShown du clickover car ce code tourne en boucle et ces données sont spécifiques à l'élément qui n'est pas très identifiable.
Une idée sur la façon dont je pourrais réparer cela ?