Bootstrap4のポップオーバーのトリガーを複数指定したい

表題どおりなのですが、Bootstrap4のポップオーバーでボタンをクリックしたら吹き出しが出てきて、ボタンのクリックもしくは次のクリックで閉じるようにしたいです。
公式サイトのヒントには「複数指定の場合は空白で区切るといける」というような感じに書かれていたのですが、うまく機能しません。
triggerのclickとfocusを同時指定すれば理想通りの動きをすると思っていたのですが、複数指定したところ吹き出しが出て閉じることができなくなってしまいました。
書き方がよくないんでしょうか？

参考ページ：https://getbootstrap.com/docs/4.1/components/popovers/

html
1<a tabindex="0" class="popper btn btn-sm btn-info"
2data-content="詳細の情報が<br>ここに記載されます。">詳細を見る</a>

js
1<script type="text/javascript">
2  $(function () {
3    $('.popper').popover({
4      container: 'body',
5      html:true,
6      trigger:'click focus', //このように複数記載するとおかしくなりました
7      title:'ここにタイトル'
8    })
9  });
10</script>

行動規範の内容に同意します

回答1件

ベストアンサー

今回の場合、トリガーの指定の仕方が原因ではないでしょうか。
以下のようにすることで質問者さんが実現したいことが行えると思いますが、いかがでしょうか？

jQuery
1$(function () {
2    $('.popper').popover({
3        container: 'body',
4        html: true,
5        trigger: 'manual',
6        title: 'ここにタイトル'
7    }).on('click', function () {
8        $(this).popover('toggle');
9    }).on('blur', function () {
10        $(this).popover('hide');
11    });
12});