Я пытаюсь использовать Bootstrap 4 popover и jQuery следующим образом:
- У меня есть кнопка, которая при нажатии добавляет элемент к тегу div_box
- Как только к элементу добавляется относительное всплывающее окно, которое должно автоматически отображаться с элементом, но это не так.
- Когда я нажимаю другую кнопку в всплывающем окне, оно должно закрываться, но это не так.
Вот мой код:
<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 есть некоторые проблемы. Заранее спасибо!