当聚焦于文本框时显示弹出框，模糊显示时隐藏它，但单击弹出框则不显示

Question

我的问题很简单：

• 我有文字输入。
• 当它获得焦点时，会通过jquery的.on('focus',...)出现Bootstrap“ .on('focus',...)
• 弹出框包含带有单选框的表单

我希望Popover隐藏在模糊状态下，但是不要在Popover本身内部单击某些东西时（否则，单击它将使文本框失去焦点，并且Popover消失，从而使其无效）。

有任何想法吗？

Answer 1

是的HTML类，.data（），布尔标志...无论什么适合您

.on('click',...){

1. popover.addClass('oak');
2. popover.data('oak',true);
3. var oak = true;

然后

.on('click',...,function(){
   //oak = popover.hasClass('oak');
   //oak = popover.data('oak');
   if(oak) return;
   popover.hide();
});