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.
InformationsquelleAutor abisson | 2012-09-25