javascript - Twitter Bootstrap .on ('show' ,function(){});不适用于弹出窗口

Question

当通过执行以下操作选择新的弹出窗口时，我试图隐藏所有其他弹出窗口:

我的 HTML

a.btn#requests(rel='popover',data-placement='bottom',data-original-title='<b>Requests</b>',data-content='My content goes here')

我的Javascript

  $(function (){
    console.log('start');
    $('#requests').popover();
    $('#messages').popover();

  });

  //This doesn't work for some reason?
  $('#requests').on('show', function (e) {
    console.log('requests');
    $('#messages').popover('hide');
  });

  $('#messages').on('show', function () {
    console.log('messages');
    $('#requests').popover('hide');
  });

但是，我的 console.log('requests') 和 console.log('messages');即使显示了请求和消息弹出窗口，也永远不会显示，我做错了什么？

Answer 1

Bootstrap 现在支持弹出事件 - 请参阅 official popover docs 中的事件部分(和 here's the doc changelog )。

例子:

$('#requests')
.popover()
.on('show.bs.popover', function() { console.log('o hai'); })
.on('hidden.bs.popover', function() { console.log('ciao'); });