当焦点在文本框上时显示弹出框，在模糊时隐藏它，但如果单击弹出框则不显示

Question

我的问题很简单：

• 我有一个文字输入。
• 当它获得焦点时，将通过jquery的.on('focus',...)
显示Bootstrap“popover”
• popover包含一个带有radioboxes的表单

我希望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();
});