Bootstrap 4 Popover Javascript после показа - PullRequest
Новая
       20

Bootstrap 4 Popover Javascript после показа

0 голосов
/ 28 апреля 2018

У меня есть всплывающее окно по ссылке, инициализированной через JavaScript. В самом поповере есть ссылка, которая вызывает функцию. Но при нажатии на ссылку внутри popover ничего не происходит. Любая идея? Я не могу найти ответы об этом.

Ссылка и всплывающее содержание: 

<a tabindex="0" href="#" role="button" class="remove-item-toggle">Remove</a>
<div id="remove-item-content" style="display: none;">
    <a href="#" class="remove-item">Confirm remove</a>
</div>

JavaScript: 

$('.remove-item-toggle').popover({
    toggle: 'popover',
    trigger: 'click',
    html: true,
    placement: 'top',
    content: $('#remove-item-content').html(),
});

$('.remove-item').on('click', function () {
    // ---- nothing happens here, it's not fired ----
});

1 Ответ

0 голосов
/ 28 апреля 2018

Обработчик click должен быть назначен, когда всплывающее окно shown ... 

$('.remove-item-toggle').on('shown.bs.popover', function () {
     $('.remove-item').on('click', function () {
        console.log("works");
    });
})

https://www.codeply.com/go/daHrZxaK9v

...