Twitter Bootstrap .on ('show', function () {}); funktioniert nicht für Popover

Ich versuche, alle anderen Popover auszublenden, wenn ein neues Popover ausgewählt wird, indem Sie folgende Schritte ausführen:

Mein HTML

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

Mein 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');
  });

Allerdings meine console.log ("Anfragen") und console.log ("Nachrichten"); wird nie angezeigt, obwohl die Popovers für Anfragen und Nachrichten angezeigt werden. Was mache ich falsch?

Antworten auf die Frage(6)

Ihre Antwort auf die Frage