bootstrap-popover-confirm.js

    /**
     * popover confirmation
     */
    (function () {
        let $formPopoverConfirm = $('form.popover-confirm');
        if (!$formPopoverConfirm.length) {
            return;
        }
        $formPopoverConfirm.on('submit', function () {
            let $this = $(this);
            let $content = $('<div>');
            let $executeButton = $('<button>', {
                addClass: 'btn btn-primary btn-block',
                text: '実行する',
            });
            let $cancelLink = $('<div>', {
                addClass: 'text-center mt-2',
                html: $('<a>', {
                    text: 'キャンセル',
                    attr: {
                        href: '#',
                    }
                })
            });

            $content.append($executeButton);
            $content.append($cancelLink);
            $this.popover({
                title: '実行していいですか?',
                content: $content,
                html: true,
                placement: 'bottom',
            }).popover('show');
            $executeButton.on('click', function () {
                $this.off('submit');
                $this.submit();
                $this.popover('hide');
                return false;
            });
            $cancelLink.on('click', function () {
                $this.popover('hide');
                return false;
            });
            return false;
        })

    })();