防止在工具提示显示/隐藏时触发引导模式显示.bs.modal/hidden.bs.modal 事件

Question

我有一个包含文本输入和一些按钮的引导模式表单。这些按钮具有分配给它们的引导工具提示。我使用 shown 和 hidden 事件来监控模态表单何时显示（shown.bs.modal）和关闭（hidden.bs.modal）。

我发现 - 当模态表单在屏幕上可见时 - 将光标移动到带有工具提示的任何控件上会导致 shown 和 hidden 事件开火。这使我的页面控制逻辑变得一团糟（某些事情被设计为仅在表单在其显示/隐藏状态之间切换时发生）。

Fiddle

将光标移到“关闭”或“保存”按钮上以查看我所描述的内容。

我找不到其他人谈论这个，所以也许这是一种预期的行为？我可以通过检查表单是否真的隐藏在 hidden.bs.modal 事件中来笨拙地解决它：

if ($(this).hasClass('in'))
{
  ...
}

其他 StackOverflow 问题建议这是一种更可靠的方法：

$("element").data('bs.modal').isShown

但如果我这样做，我会得到：

$(...).data(...) 未定义

无论如何，这不是一个非常令人满意的解决方法。我在这里是否缺少其他一些配置设置，或者我需要采取其他一些措施来防止在这些条件下触发事件？谢谢

环境：jQuery 1.8.3 引导程序：2.3.2

Answer 1

显然，这在 Boostrap 版本 3 之前已经存在一段时间了。有一个thread on github 讨论了同样的问题并提出了一些解决方案。