我正在使用Django的bootstrap,到目前为止,一切都很有效。但是,我正在尝试使用popover功能,我仍然遇到问题。每当点击我的popover,页面会滚动回到顶端…但是popover会出现。这里是我的代码:
//////////<..... 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>
非常感谢!
解决方法
您可以通过阻止锚点元素的默认操作来解决此问题:
$('a#testpop').on('click',function(e) {e.preventDefault(); return true;});