Добавить модальное окно в содержимое узла для каждого добавляемого элемента - PullRequest
0 голосов
/ 26 сентября 2018

Я сейчас работаю с библиотекой 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', и мое всплывающее окно, наконец, появляется!

1 Ответ

0 голосов
/ 26 сентября 2018

Я только что нашел решение здесь: github.com/twbs/bootstrap/issues/5889 Я обновил свой пост

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...