单击弹出窗口滚动到页面顶部[Bootstrap和Django]

Question

我正在使用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>

非常感谢!

Answer 1

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

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

Answer 2

删除href ="#"标签,它应该工作.

Answer 3

您可以将href ="javascript://"添加到锚标记.