загрузочный поповер - как понять, почему он не работает - PullRequest
Новая
       10

загрузочный поповер - как понять, почему он не работает

1 голос
/ 05 марта 2019

Я пытаюсь реализовать функцию попсового загрузчика на моем сайте.Раньше это работало, но где-то вдоль линии оно перестало работать (возможно, из-за добавления CSS, но я не уверен).

Я хотел бы знать метод, который я могу использовать, чтобы выяснить, почему это не так 't работает.

Я инициализирую его в своей функции JavaScript. 

$(function () {
     $('[data-toggle="popover"]').popover()
 })

Мой HTML-код: 

<div class="col-md-3 mb-3">
<span style="width:100%">
<label style="display:block">name
<button type="button" style="float:right;" data-container="body" data-toggle="popover" data-placement="bottom" data-content="sometext">
 <i class="fas fa-question" ></i>
 </button>
  </label> 
</span>
</div>

1 Ответ

0 голосов
/ 05 марта 2019

Просто взгляните на код ниже. Я надеюсь, что это поможет вам 

$(function(){
    // Enables popover
    $("[data-toggle=popover]").popover();
});
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">

<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
<div class="container">
  <div class="row">
    <hr>
    <p>A bootstrap popover example with data-html="true" to render html within data-content=""</p>
      <hr>

<a tabindex="0"
   class="btn btn-lg btn-primary" 
   role="button" 
   data-html="true" 
   data-toggle="popover" 
   data-placement="bottom" 
   data-trigger="focus" 
   title="<b>Example popover</b> - title" 
   data-content="<div><a href='/link'><b>Geoff</b> - content</a></div><div><b>Hilary</b> - content</div>">RSS <i class="fa fa-rss" aria-hidden="true"></i></a>
            
      <hr>
    </div>
  </div>
</div>
...