La boîte de dialogue modale mvc3 ne s'affiche pas - jquery, asp.net, asp.net-mvc-3, modal-dialog

J'ai des problèmes pour afficher le dialogue modalDans le projet mvc3, j'ai trouvé le code ci-dessous et essayé de l'utiliser, mais je reçois une erreur. Je suis sûr qu'il me manque quelque chose que j'espère que quelqu'un pourra m'aider avec ceci:

<script type="text/javascript">
$(function () {
$("#dialog").dialog({
autoOpen: false,
width: 400,
resizable: false,
title: "hi there",
modal: true,
open: function(event, ui) {
//Load the CreateAlbumPartial action which will return
// the partial view _CreateAlbumPartial
$(this).load("@Url.Action("CreateAlbumPartial")");
},
buttons: {
"Close": function () {
$(this).dialog("close");
}
}
});

$("#my-button").click(function () {
$("#dialog").dialog("open");
});
});

public ActionResult CreateAlbumPartial()
{
return View("_CreateAlbumPartial");
}

mon erreur est: "Erreur d'exécution Microsoft JScript: l'objet ne prend pas en charge la propriété ou la méthode" dialogue ""

J'apprécierai également si quelqu'un peut me montrer d'autres exemples, je souhaite afficher un dialogue modal dans ma page.

Merci d'avance!

Réponses:

Avez-vous ajouté les bibliothèques jQuery ET jQuery UI?

.dialog est une méthode fournie par jQuery UI, pas jQuery.