javascript - Jquery が Bootstrap ツールチップを適切にトリガーしない

Question

ページに複数の入力フィールドがあり、Jquery イベントをトリガーしようとしています。各ボックスには独自の Bootstrap ツールチップがあり、カーソルが関連するボックスにあるときにツールチップが表示されるようにします。ただし、現在のコードでは、ツールチップを表示するには、ボックスをクリックしてから元に戻す必要があります。

これが私のJqueryです...

<script type="text/javascript">
$('input').focus(function(){
     var box = $(document.activeElement).attr("id")
     console.log(box)
     $('#' + box).tooltip({
        placement: "bottom",
        trigger: "focus"
    });
});
</script>