jQuery的对话框不上MVC3应用程序中打开

Question

我有剃刀MVC3一个简单的应用程序之前，我打开的对话框中我试图打开一个“警告”，它正常工作，从而发挥其工作的事件，但是当我评论此警报和 尝试打开对话框中，它只是不工作

@model MvcApplication1.Models.LogOnModel 

@{ 
    ViewBag.Title = "Create"; 
} 

<script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>  
<script src="@Url.Content("~/Scripts/jquery-ui-1.8.11.min.js")" type="text/javascript"></script> 
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script> 
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script> 
<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.js")" type="text/javascript"></script> 

<link href="@Url.Content("~/Content/themes/base/jquery.ui.all.css")" rel="stylesheet" type="text/css" /> 

<h2>Index</h2> 

<script type="text/javascript"> 
    $(document).ready(function() { 

     $('#dialog').dialog({ 
      autoOpen: false, 
      width: 400, 
      resizable: false, 
      title: 'hi there', 
      modal: true, 

      buttons: { 
       "Close": function() { 
        $(this).dialog("close"); 
       } 
      } 
     }); 

     $('#contactForm').submit(function (e) { 
      //alert("entro a funcion"); 
      e.preventDefault(); 
      $('#dialog').dialog('open'); 
     }); 

    }); 
</script> 



@using (Html.BeginForm("Index", "Infracciones", FormMethod.Post, new { id = "contactForm"})) 
{ 
@Html.ValidationSummary(true) 
    <fieldset> 
     <legend>Infraccion</legend> 

     </fieldset> 
    <p> 
    <input value="Guardar" type="submit" name = "button"/> 
    </p> 
} 

Answer 1

你只需要补充一点：

<div id="dialog"> 

在体内。

Answer 2

尝试：的

$('#dialog').dialog(); 

代替

$('#dialog').dialog('open');