Может кто-нибудь дать решение моей проблемы с загрузкой поповера здесь? - PullRequest
1 голос
/ 21 мая 2019

Я пытаюсь создать веб-страницу электронной коммерции с начальной загрузкой 4. Я хочу, чтобы изображение моего продукта показывало всплывающее окно с описанием с помощью начальной загрузки начальной загрузки.Но это не покажет.Я даже удалил весь свой код и попытался использовать стартовый шаблон из начальной загрузки, но все еще не работал.

вот мой код popover:

<button type="button" class="btn btn-lg btn-danger" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">Click to toggle popover</button>

и вот мой js:

<script type="text/javascript">
$(function () {
    $('.example-popover').popover({
        container: 'body'
    })
})
</script>

1 Ответ

0 голосов
/ 21 мая 2019

добавить example-popover имя класса в вашей кнопке, он будет работать

 $('.example-popover').popover({
        container: 'body'
    })
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
  
  <button type="button" class="btn btn-lg btn-danger example-popover" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">Click to toggle popover</button>
...