jquery 点击弹出窗口滚动回页面顶部[Bootstrap and Django]

mutmk8jj 于 2022-11-29 发布在 jQuery

关注(0)|答案(8)|浏览(212)

我在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>

多谢了！

jquery

来源：https://stackoverflow.com/questions/12590523/clicking-a-popover-scrolls-back-to-top-of-the-page-bootstrap-and-django

8条答案

按热度按时间

i34xakig1#

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

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

赞(0）回复(0）举报 2022-11-29

ttvkxqim2#

您可以将href=“javascript：//”添加到定位标记。

赞(0）回复(0）举报 2022-11-29

2mbi3lxu3#

删除**href="#"**标记，它应该工作。

赞(0）回复(0）举报 2022-11-29

agyaoht74#

这也可能是由于弹出窗口中包含autofocus=on元素（在铬中测试）所致

赞(0）回复(0）举报 2022-11-29

pcrecxhr5#

可以将href="#..."替换为data-target="#..."

赞(0）回复(0）举报 2022-11-29

vql8enpb6#

我使用的是Bootstrap 2.3.2
重点不在于点击，即使我通过编程调用show popover，它也会把我滚动到顶部。
点在引导程序工具提示show函数上。那里有一行：
$tip.detach().css({ top: 0, left: 0, display: 'block' })
它在分离tip时应用显示块，只是为了得到它的高度和宽度。这是一个形而上学的问题！不可见元素没有高度！！为了解决这个问题，我注解了该行并添加了：