jQuery .load () modal bootstrap et show

Je suis en train de .load() un bootstrap modal dans ma page et l'afficher immédiatement. Ci-dessous le code que j'ai écrit (ce qui n'est pas le travail comme la modale s'ouvre, mais peut ne jamais être fermé)!

Fondamentalement, je suis en train de .load() une liste de joueurs dans une modal lorsque vous cliquez sur un nom de l'équipe (avec la classe .team), j'ai essayé différentes façons d'appeler $($this).empty()sans succès.

Voici ma fonction:

   $(function () {
        $('.team').on('click', function () {
            var target = $(this).data('target');

            $('#results-modals').load('/team-players.html ' + target, function (response, status, xhr) {
                if (status === "success") {
                    $(target).modal({ show: true });
                }
            });
        });
  });

Voici le code html d'ancrage et l'exemple modal:

<a class='team' data-toggle='modal' data-target='#20'>Real Madrid</a>

Données dans un fichier externe team-players.html:

<div id='20' class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg">
     <div class="modal-content">
       <p>Player 1: Ronaldo</p>
    </div>
  </div>
</div>

source d'informationauteur Matt D. Webb