Bootstrap Popover не будет отображаться: ошибка, пожалуйста, используйте шоу на видимых элементах - PullRequest
0 голосов
/ 05 июля 2019

Я создал поповер, который запускается, когда вы нажимаете на указанную область с соответствующей data-toggle, она отлично работает в Chrome, но в Firefox я получаю сообщение об ошибке:

Ошибка:Пожалуйста, используйте show on visible elements
show, _enter, toggle, _setListeners, dispatch, handle

Ошибка находится в файле bootstrap.min.js, который используется в моем проекте.

Теперь я знаю, что, возможно, это связано с добавлением ('show') после части .popover, но я не могу заставить его работать.Моя функция поповера:

 // popover initialization - on click
        $('[data-toggle="zero-1"]').popover({
          html: true,
          trigger: 'click',
          placement: 'bottom',

          // main function when popover fires
          content: function engine() {
           
            // execute the actions of the lawmaker() first, then the ruler()
            return lawmaker(this,this,this) + ruler((($(this).data('xray'))),(($(this).data('yray'))));

            // insert image and close button in popover
            function lawmaker(i1,a1, b1,) {

               // get the data-image str value
               var mig = $(i1).data('img');
               // console.log(mig);

               // return the visuals and close button for the popover
               return '<img src="' + mig + '" /> <button id="close-popover" data-toggle="clickover" class="btn btn-small btn-primary pull-right" onclick="$(\'.popover\').remove();">Close please!</button>'; 
         }
          }
        });
    
.popover {
    position: absolute;
    transform: translate3d(258px, 63px, 0px);
    top: 0px;
    left: 0px;
    will-change: transform;
    }
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<map>
<area class="grz" data-toggle="zero-1" data-xray="105" data-yray="70" shape="rect" coords="80,60,130,80" href="javascript://" data-img="img/zero/zero-2.png" title="Zero">
</map>

Есть мысли по решению этой проблемы?:)

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