twitter-bootstrap – 显示一个popover和隐藏其他popovers

发布时间：2020-12-18 00:00:44 所属栏目：安全来源：网络整理

导读：我有几个按钮，我需要一个popover。我想要这样：当我的用户点击其中一个，我想要其他人被隐藏。所以只显示一个popover 检查并帮助我纠正这个例子plz： var mycontent='div class="btn-group" button class="btn"Left/button button class="btn"Middle/butt

我有几个按钮，我需要一个popover。
我想要这样：
当我的用户点击其中一个，我想要其他人被隐藏。所以只显示一个popover
检查并帮助我纠正这个例子plz：

var mycontent='<div class="btn-group"> <button class="btn">Left</button> <button class="btn">Middle</button> <button class="btn">Right</button> </div>'

$('.btn').popover({
    html: true,content:mycontent,trigger: 'manual'
}).click(function(e) {
    $(this).popover('toggle');
    e.stopPropagation();
});

$('html').click(function(e) {
     $('.btn').popover('hide');
});

我的html：

<ul>
    <li>
        <a href="#" class="btn" data-toggle="popover" data-placement="bottom" title="" >Popover</a>
    </li>
    <li>
       <a href="#" class="btn" data-toggle="popover" data-placement="bottom" title="" >Popover</a> 
    </li>
</ul>

jsfiddle example

添加像下面的代码解决我的问题：

$('.btn').click(function(e) {
     $('.btn').popover('hide');
});

但是通过在每个按钮上点击两次就会出错

解决方法

不知何故，我创造了一个例子为我的需要。我使用这个代码：

$('.btn').popover();

$('.btn').on('click',function (e) {
    $('.btn').not(this).popover('hide');
});

检查demo here

并更正了之前的demo我希望它会帮助别人

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!