En cliquant sur une liste défile en haut de page de la page [Bootstrap et Django]
Je suis en utilisant bootstrap avec Django, et jusqu'à présent, tout comme du travail. Cependant, je suis en train d'utiliser la liste des fonctionnalités, et je continue de se heurter à un problème. Chaque fois qu'un sur ma liste, la page défile en arrière vers le haut... MAIS la liste n'apparaissent. voici mon code:
//////////<..... a lot more HTML ....>//////////
<div class="bs-docs-example">
<a href="#" class="btn btn-large btn-danger" rel="popover" title="A Title" id="testpop" data-content="And here's some amazing content. It's very engaging. right?">Click to toggle popover</a>
</div>
{% endblock %}
{% block js %}
{{ block.super }}
{% bootstrap_javascript_tag "modal" %}
{% bootstrap_javascript_tag "alert" %}
{% bootstrap_javascript_tag "tooltip" %}
{% bootstrap_javascript_tag "popover" %}
<script type="text/javascript">
$("#testpop").popover();
</script>
Merci beaucoup!
- Vous devez empêcher l'événement par défaut d'action dans le
popover()
gestionnaire. E. g.$('#testpop').click(function(e) { e.preventDefault(); ... });
- jinx
- C'est un double de la stackoverflow.com/questions/13755033/.... Même si cette question a été posée la première, que l'on semble avoir une réponse plus complète.
Vous devez vous connecter pour publier un commentaire.
Vous pouvez résoudre que par la prévention, l'action par défaut de l'élément d'ancrage:
Supprimer la href="#" balise, il devrait fonctionner.
href
mais vous avez besoin d'ajouter d'autres attributs. Voir la doc de Rejeter sur suivant cliquez sur.Vous pouvez ajouter href="javascript://" à la balise d'ancrage.
Cela peut aussi être causé par la présence d'un élément avec
autofocus=on
dans la liste (testé dans chrome)Je suis en utilisant Bootstrap 2.3.2
Le point n'est pas sur cliquant. Même si je l'appelle montrent liste par programmation, il me défile vers le haut.
Le point est sur bootstrap info-bulle fonction. Il y a une ligne:
$tip.detach().css({ top: 0, left: 0, display: 'block' })
Elle s'applique à l'affichage du bloc lors du détachement de la pointe juste pour prendre de la hauteur et la largeur. C'est une question métaphysique! Les éléments invisibles n'ont pas de hauteur!! Pour résoudre ce problème que je commente cette ligne et a ajouté:
Juste après la ligne où il obtient une position:
Il a travaillé pour moi.
J'ai rencontré le même problème avec Bootstrap v3.3.2 et résolu à l'aide des boutons à la place des balises d'ancrage.
Je suis alors retourné à Bootstrap docs et a constaté que tous, sauf un, la liste des exemples donnés utiliser des boutons - et surprise, surprise, celui qui utilise le point d'ancrage des feuilles de l'attribut "href"!
Vous pouvez remplacer
href="#..."
avecdata-target="#..."