以编程方式关闭Bootstrap弹出窗口

时间:2015-09-09 11:42:54

标签: twitter-bootstrap

我有一堆表单字段,包括文本输入和复选框。文本输入配置为在输入时显示弹出框中的一些帮助文本(焦点):

<input class="form-control" data-content="help text" data-html="true" data-placement="top" data-toggle="popover" data-trigger="focus" id="id_field_329" name="field_329" rel="popover" type="text">

复选框也有弹出式帮助文本,但它同时出现在焦点和鼠标悬停上:

<input class="form-control" data-content="help text" data-html="true" data-placement="top" data-toggle="popover" data-trigger="hover focus" id="id_field_331" name="field_331" rel="popover" type="checkbox">

整个popover thingie激活:

$('[rel=popover]').popover();

现在,当我的文本光标位于文本输入字段中时,会显示弹出式帮助气泡,但当我将鼠标移到复选框上时,也会显示复选框帮助文本,可能会覆盖我刚编辑的输入框

问题是,当显示另一个时,是否可以设置弹出窗口?

编辑:@Coding Enthusiast的答案几乎是好的,除非我希望我的鼠标离开复选框后我的onfocus弹出窗口再次显示。我补充了这个修改后批准了他的答案。

0 个答案:

没有答案
相关问题