Recevoir l'erreur 0x800a01b6 - runtime JavaScript erreur: cet Objet ne gère pas la propriété ou la méthode 'modal', lors de l'utilisation de Bootstrap 3 modal

J'ai créé un simple MVC 5 projet pour montrer le problème que j'ai eu l'aide de Visual Studio 2013 (Nouvelle > Projet > ASP.NET Application Web (4.5) > Vide (MVC)).

Ensuite, j'ai créé la base de contrôleur et d'action pour une simple vue:

public class HomeController : Controller
{
    public ActionResult Index()
    {
        return View();
    }
}

Avec la Vue suivante (de l'Index.cshtml)

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Index</title>
<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div>
<button type="button" class="btn btn-primary" id="new">New</button>
</div>
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title" id="myModalLabel">Modal title</h4>
</div>
<div class="modal-body">
...
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
//$('#myModal').modal();
$('#new').click(function () {
$('#myModal').modal();
});
});
</script> 
</body>
</html>

Le problème que j'ai est: lorsque le premier chargement de la page et que je clique sur le bouton pour afficher le modal, j'ai l'erreur suivante:

Recevoir l'erreur 0x800a01b6 - runtime JavaScript erreur: cet Objet ne gère pas la propriété ou la méthode 'modal', lors de l'utilisation de Bootstrap 3 modal

Cependant, si j'actualise la page et cliquez sur le bouton nouveau, il fonctionne très bien.

Aussi si je décommentez la ligne //$('#myModal').modal(); et redémarrer le projet, le modal est immédiatement ouvert comme prévu, mais en cliquant sur le bouton provoque toujours l'erreur ci-dessus.

Je suis sûr que c'est probablement quelque chose de simple et d'un garçon de l'école d'erreur de mon côté, mais pour la vie de moi je ne peux pas comprendre ce qui se passe ou comment diagnostiquer le problème.

De toute façon, toute aide est très appréciée et je serais intéressé de savoir si quelqu'un d'autre peut reproduire le problème.

Edit: Bizarrement, cela semble se produire uniquement dans Internet Explorer (11), et semble bien fonctionner dans Chrome et Firefox.

InformationsquelleAutor teatime | 2014-03-23