Есть ли способ определить несколько мест размещения всплывающей подсказки в Bootstraptour - PullRequest
Новая
       15

Есть ли способ определить несколько мест размещения всплывающей подсказки в Bootstraptour

0 голосов
/ 13 января 2019

У меня есть собственный сценарий, который я создал для bootstraptour, и я хотел бы перезаписать начальные «верхние» места загрузки начальной загрузки своим собственным пользовательским размещением. Есть ли способ определить несколько мест размещения всплывающей подсказки в Bootstraptour?

Код по умолчанию в bootstrap-tour-standalone.js: 

          Tooltip.DEFAULTS = {
            animation: true,
            placement: 'top', //Default
            selector: false,
            template: '<div class="tooltip" role="tooltip"></div>',
            container: false
          }

Мой код скрипта: 

        'use strict';

        $(function () {
            var steps = [];
            var leadIndex = 0;
            function gensteps(index, div, message, template) {

                var id = $(div).attr('id');
                if (id === undefined) {
                    $(body).attr('id', 'id_' + leadIndex + '_' + index);
                    id = $(div).attr('id');
                }
                var step = {
                    element: '#' + id,
                    placement: 'top',
                    content: message,
                    backdropElement: '#client-activated-update-client-info'
                };
                steps.push(step);
            }

            leadIndex++;
            placement: 'left'; //I would like for this tooltip to overwrite default top placement and move to the left
            $('#Address1').each(function (index, div) {
                var template = '<div class="popover" role="tooltip"> <div class="arrow"></div> <div class="popover-content"></div> <div class="popover-navigation"> <div class="btn-group-custom"> <button class="tip-skip-button">Next</button> </div> <button class="tip-exit" data-role="end">Exit</button> </div> </div>';
                gensteps(index, div, '<h3 class="tool-tip-title">Review/Update Your Address</h3>\n    <div class="tip-content">\n    </div>', template);
            });


            leadIndex++;
            placement: 'right'; //I would like for this tooltip to overwrite default top placement and move to the right
            $('#Address2').each(function (index, div) {
                var template = '<div class="popover" role="tooltip"> <div class="arrow"></div> <div class="popover-content"></div> <div class="popover-navigation"> <div class="btn-group-custom"> <button class="tip-skip-button">Next</button> </div> <button class="tip-exit" data-role="end">Exit</button> </div> </div>';
                gensteps(index, div, '<h3 class="tool-tip-title">Review/Update Your Address</h3>\n    <div class="tip-content">\n    </div>', template);
            });

            var tour = new Tour({
                steps: steps
            });tour.init();tour.start(true);
            tour.goTo(0);

        });

Как вы можете видеть в моей первой цели (# Address1), я пытаюсь расположить всплывающую подсказку слева, а в моей следующей цели (# Address2) я бы хотел расположить подсказку вправо, но она не работает.

...