Нажатие на popover прокручивает страницу вверх [Bootstrap и Django]

Я использую bootstrap с Django, и до сих пор все работало. Тем не менее, я пытаюсь использовать функциональность popover, и у меня все время возникает проблема. Всякий раз, когда клик мой popover, страница прокручивается назад... BUT 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 some amazing content. It 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>

Спасибо большое!

Ответы

Ответ 1

Вы можете решить это, предотвратив действие по умолчанию элемента привязки:

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

Ответ 2

Удалите тег href= "#" , он должен работать.

Ответ 3

Вы можете добавить href= "javascript://" в тег привязки.

Ответ 4

Это также может быть вызвано наличием элемента с autofocus=on внутри popover (проверено в chrome)

Ответ 5

Я использую Bootstrap 2.3.2

Дело не в щелчке. Даже если я вызываю программу show popover программно, она прокручивает меня вверх.

Дело в том, что функция showstring для всплывающей подсказки. Там есть строка:

$tip.detach().css({ top: 0, left: 0, display: 'block' })

Он применяет блок отображения при отсоединении наконечника только для того, чтобы получить его высоту и ширину. Это метафизический вопрос! Невидимые элементы не имеют высоты!! Чтобы исправить это, я прокомментировал эту строку и добавил:

$tip.show();

Только после строки, где он получает позицию:

pos = this.getPosition()

Это сработало для меня.

Ответ 6

Я столкнулся с той же проблемой с Bootstrap v3.3.2 и решил ее с помощью кнопок вместо тегов привязки.

Затем я вернулся к Документам по загрузке и обнаружил, что все, кроме одного из примеров popover, заданных там, используют кнопки - и неожиданное удивление - тот который использует якорь, оставляет атрибут href!

Ответ 7

Вы можете заменить href="#..." на data-target="#..."