如何用弹出窗口内的按钮关闭bootstrap-popover？

Question

我已经制作了一个jsFiddle,我在图标上使用了twitter bootstrap popover函数.

<div style="margin-top:200px">
    <ul>
        <li class="in-row">
            <a href="#" id="meddelanden" data-title="Meddelanden" data-toggle="clickover" 
            data-placement="right"><i class="icon-globe"></i></a>
        </li>
    </ul>
</div>

jQuery的:

var elem = '<div class="well"><a href="google.com">Message one, From someone.</a></div>'+
    '<div class="well"><a href="google.com">Message one, From someone.</a></div>'+
    '<button id="close-popover" class="btn btn-small btn-primary pull-right">Close please!</button>';

$('#meddelanden').popover({animation:true, content:elem, html:true});

我似乎无法用它里面的按钮关闭popover.我已经尝试在id"close-popover"上创建一个jquery click函数,但是注意到了.(我没有把我在jsfiddle中关闭它的尝试包括在内)

有关如何使用弹出框内的按钮关闭弹出窗口的任何建议？

问候,比尔

Answer 1

试试这个: - http://jsfiddle.net/6hkkk/

var elem = '<div class="well"><a href="google.com">Message one, From someone.</a></div>'+
    '<div class="well"><a href="google.com">Message one, From someone.</a></div>'+
    '<button id="close-popover" data-toggle="clickover" class="btn btn-small btn-primary pull-right" onclick="$(&quot;#meddelanden&quot;).popover(&quot;hide&quot;);">Close please!</button>';



$('#meddelanden').popover({animation:true, content:elem, html:true});