Jquery 手动隐藏引导工具提示

我在页面上的元素上有引导工具提示，当在移动设备上查看时，这些元素行为不正常

<span id="glyphicon1" class="glyphicon glyphicon-question-sign tooltip-anchor" data-placement="left" data-toggle="tooltip" title="tooltip1"></span>
<span id="glyphicon2" class="glyphicon glyphicon-question-sign tooltip-anchor" data-placement="left" data-toggle="tooltip" title="tooltip2"></span>
<script>
    $(function () {
            $('[data-toggle="tooltip"]').tooltip({
                'container': 'body',
            })
    }
</script>

这将隐藏tooltip1 OK，但现在触摸glyphicon1无法再次显示tooltip1。如果我触摸glyphicon2以显示工具提示2，或者首先触摸页面上的任何其他位置，那么我可以像往常一样继续使用glyphicon1。我假设Bootstrap仍然认为tooltip1仍在显示，必须先隐藏

---

如何确保glyphicon1在设备旋转后立即正常工作？

使用两种不同的元素制作图标上的工具提示。首先为图标添加一个“i”标记，并使用带有工具提示属性的“span”标记将其包装起来

$（文档）.ready（函数（）{
$（'[data toggle=“tooltip”]'）。tooltip（）；
});

要再次显示工具提示，请悬停在哪个元素上。用HTML更新问题。@AnilPanwar我为clarityCan添加了一些HTML，您可以在代码段中制作小提琴或插入代码？这样会更好地理解。
$(window).on("orientationchange", function (event) {
  $('[data-toggle="tooltip"]').tooltip("hide");
});