隐藏表单

Question

我有一个问题。在我的网站上是带选择框的bootstrap popover。当我点击popover时，我需要隐藏它。我解决了这个问题，但是当我关闭popover进行reoponening时必须双击按钮。这是不好的。 这是我的代码：

<a href="#" id="changeStatusLink" type="button" 
class="pull-right" data-container="body" data-toggle="popover" 
data-placement="bottom" data-original-title="" data-html="true" 
style="margin-right: 0"><span class="glyphicon glyphicon-pencil"></span></a>

Popover内容：

<div id="changeStatusPopover" class="hide"><form>...</form></div>

JS：

$('#changeStatusLink').popover({
   html: true,
   content: function () {
       return $('#changeStatusPopover').html();
   }
});

$('body').on('click', function (e) {
    $('[data-toggle="popover"]').each(function () {
        if (!$(this).is(e.target) && $(this).has(e.target).length === 0 
           && $('.popover').has(e.target).length === 0) {
            $(this).popover('hide');
        }
    });
});

感谢您的帮助

Answer 1

更新了您的jsfiddle：http://jsfiddle.net/z824fn6b/315/

它现在为我工作了。

我刚刚添加了一个容器：

<div class="container">