Bootstrap modal bouton fermer

J'ai un problème avec la fermeture modal dans le bootstrap. Quand j'ouvre les fenêtres modales avec des données (Variables modales contenu basé sur le bouton de déclenchement). C'est l'exemple de la http://getbootstrap.com/javascript/#modals

<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal" data-whatever="@mdo">Open modal for @mdo</button>
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal" data-whatever="@fat">Open modal for @fat</button>
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal" data-whatever="@getbootstrap">Open modal for @getbootstrap</button>
...more buttons...

<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="exampleModalLabel">New message</h4>
      </div>
      <div class="modal-body">
        <form>
          <div class="form-group">
            <label for="recipient-name" class="control-label">Recipient:</label>
            <input type="text" class="form-control" id="recipient-name">
          </div>
          <div class="form-group">
            <label for="message-text" class="control-label">Message:</label>
            <textarea class="form-control" id="message-text"></textarea>
          </div>
        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" id="btnclose" data-dismiss="modal">Close</button>
        <button type="button" id="btnsend" class="btn btn-primary">Send message</button>
      </div>
    </div>
  </div>
</div>

C'est ok, mais si j'ai fermer la modale et l'ouvrir dans l'autre bouton, quand on clique sur le bouton envoyer imprimer dans le journal de la console le destinataire de la valeur de la première modal et ce modal. Mais j'ai besoin d'imprimer uniquement le dernier destinataire de la valeur.
Je ne comprends pas pourquoi la pile des événements de la précédente modal à proximité.
C'est mon code jquery, pour les deux boutons:

    $('#exampleModal').on('show.bs.modal', function (event) {

    var button = $(event.relatedTarget) //Button that triggered the modal
    var recipient = button.data('whatever') //Extract info from data-* attributes
    //If necessary, you could initiate an AJAX request here (and then do the updating in a callback).
    //Update the modal's content. We'll use jQuery here, but you could use a data binding library or other methods instead.
    var modal = $(this)
    modal.find('.modal-title').text('New message to ' + recipient)
    modal.find('.modal-body input').val(recipient)

    $("#btnsend").one("click", function(){
        console.log('Pinchado')
      console.log(recipient)
    })

    $("#btnclose").one("click", function(){
        console.log('Cerrando...')
    })

    $('#exampleModal').on('hidden.bs.modal', function (e) {
      console.log('Cerrada');
    })

  })

Vous remercie beaucoup et j'espère que quelqu'un peut m'aider.
https://jsfiddle.net/DTcHh/28480/

Pour moi imprime uniquement la dernière modal destinataire.

OriginalL'auteur Jaris Cano | 2017-01-10