Twitter Bootstrap .on ('show', function () {}); nie pracuje dla popover

Próbuję ukryć wszystkie inne popovers, gdy zostanie wybrany nowy popover, wykonując następujące czynności:

Mój HTML

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

Mój 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');
  });

Jednak moja konsola.log („żądania”) i console.log („wiadomości”); nigdy się nie wyświetla, mimo że pojawiają się prośby i wiadomości, co robię źle?

questionAnswers(6)

yourAnswerToTheQuestion