jquery - 单击弹出窗口将返回页面顶部[Bootstrap and Django]

我在Django中使用 bootstrap ，到目前为止一切正常。但是，我正在尝试使用弹出功能，并且一直遇到问题。只要单击我的弹出框，页面就会滚动回到顶部...但是弹出框的确会出现。这是我的代码:

//////////<..... 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>

非常感谢!

最佳答案

您可以通过阻止anchor元素的默认操作来解决此问题:

$('a#testpop').on('click', function(e) {e.preventDefault(); return true;});