Я сейчас работаю с библиотекой jquery.orgchart.js.
У меня другой уровень в моей оргструктуре, который я показываю, и все в порядке.На последнем уровне люди хотят видеть всех людей в команде в одном и том же узле со всплывающей ссылкой, чтобы показать изображение с некоторым текстом.
Для узла мы можем добавить второе меню, напримерв этом примере: https://github.com/wesnolte/jOrgChart/issues/37
Я хотел бы знать, возможно ли иметь всплывающее окно для каждого элемента (каждого сотрудника), который я добавляю в узел при наведении или нажатии.Вот код моей кнопки dialogmodal из начальной загрузки:
OnHover: показывает только заголовок, а не содержимое данных:
<button type="button" class="btn btn-primary" data-toggle="popover" title="Test en cours" data-content="You gotta go through it to see there aint nothing to it. Listen to the silence."> Hover 1</button>
$(document).ready(function() {
$('[data-toggle="popover"]').popover({
placement: 'bottom',
trigger: 'click',
title: 'Sign in to the website builder',
content: 'testing 123'
});
});
Возможно, мне нужно связать событие click с компонентами HTMLили поиграть с библиотекой jquery.orgchart.js ?!Если я добавлю ту же кнопку на страницу, а не оргструктуру, она будет работать хорошо.
Изображение для модального режима, которое работает Если вам нужна какая-то другая информация, чтобы помочь мне, просто спросите.
Спасибо за вашу помощь.
Вот решение для сокрытия моего всплывающего окна:
$(document).ready(function() {
$('[data-toggle="popover"]').popover({
placement: 'bottom',
trigger: 'hover',
title: 'Sign in to the website builder',
content: 'testing 123',
container: 'body'
});
});
Я добавляю контейнер тегов: 'body', и мое всплывающее окно, наконец, появляется!