Bootstrap 4 popover show для элемента jquery dynamici c с добавлением - PullRequest
Новая
       31

Bootstrap 4 popover show для элемента jquery dynamici c с добавлением

0 голосов
/ 22 апреля 2020

Я пытаюсь использовать Bootstrap 4 popover и jQuery следующим образом:

  1. У меня есть кнопка, которая при нажатии добавляет элемент к тегу div_box
  2. Как только к элементу добавляется относительное всплывающее окно, которое должно автоматически отображаться с элементом, но это не так.
  3. Когда я нажимаю другую кнопку в всплывающем окне, оно должно закрываться, но это не так.

Вот мой код: 

<div class="box"></div>
<a class="popover_btn" href="#">BUTTON</a> 


$('.popover_btn').click(function(){
  var card = '<div class="card" tabindex="0" data-toggle="popover" data-placement="bottom">this is a card</div>';
  $('.box').append(card);


  $(function () {
    $(document).popover({
      html: true,
      placement: 'bottom',
      selector: '.card',
      container: 'body',
      sanitize: false,
      content: '<div><a class="other_button" href="#">OTHER BUTTON</a></div>
    }).popover('show');
  })


  $(function () {
  $(document).hover(function() {
    alert('hover');

  });
})
  $(document).on("click",".other_button", function(){
    alert('hover');
  }).popover('hide');

});

Мои потребности: 1. Как показать поповер с его добавленным элементом? 2. Как скрыть это, когда я нажимаю на кнопку popover? 3. Я играл с on ("click") или hover (), но, похоже, у jQuery есть некоторые проблемы. Заранее спасибо!

...