Так что это меня озадачивает, и я надеюсь, что кто-то столкнулся с ней. Я проверил этот сайт для ответов, но не нашел правильного ответа.Попытка использовать подсказку Bootstrap .... внутри таблицы, которая находится на вкладке
Я использую Bootstrap 3.1.0, и у меня есть страница с вкладками, каждая из которых содержит динамически сгенерированные таблицы. В этих таблицах у меня есть динамически созданный контент, у которого есть ссылка - и по этой ссылке я пытаюсь создать всплывающую подсказку.
Это делает структуру элемента как такового:
- -A Tab
- Таблица -A
- --- ряд (тр)
- ---- Клетка (тд)
- ----- ссылка (а данные переключение = "подсказка" ID = "{динамически генерируется на основе содержания}" класс = "specificClassName")
Я поставил сценарии перед тегом закрывающего тега.
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="{{url_for('static', filename='js/bootstrap.min.js')}}"></script>
<script type="text/javascript">
$(document).ready(function() {
$('[data-toggle="tooltip"]').tooltip({'placement': 'top'});
});
Я бы связать весь код, но это динамически, поэтому я не уверен, что это будет иметь смысл. В идеале, я хотел бы, чтобы всплывающая подсказка располагалась справа от ссылки, но я подумал, что, возможно, она привязывалась к неправильному элементу как к «родительскому», а не появлялась в результате, поэтому я изменил место размещения на Вверх.
Примечание: Я также попробовал имя класса вместо data-toggle = tooltip, но это не дало никаких разных результатов.
Остальные элементы начальной загрузки работают - вкладка функционирует правильно, таблицы отображаются по желанию. Всплывающие подсказки являются единственным элементом, который не функционирует должным образом.
Немного больше информации, которая должна быть предоставлена. Возможно, перечислите некоторые сообщения об ошибках или попробуйте создать простой пример, показывающий проблему с помощью jsfiddle. Я создал пример здесь: http://jsfiddle.net/ML428/ – HJ05